今天来说一下在前端的 JS 中关于数组的判断操作。比如 JS 判断数组是否为空,JS 判断数据中是否含有某个值。下面就来具体的说一下判断的方法吧。

JS 判断数组是否为空

JS 判断数组是否为空,只要取这个数组的长度,然后判断它的长度是否大于 0 即可。

JS 中的 length 方法,可以取出 JS 数组的长度。

示例1:

js代码:

<script>
arr = new Array(); // 实例化数组
arr[0] = '飞鸟慕鱼博客';
arr[1] = 'http://feiniaomy.com';
if(arr.length > 0){
    console.log('数组不为空');
}else{
    console.log('数组为空');
}
</script>

打印结果:数组不为空

示例2:

js代码:

<script>
array = new Array(); // 定义一个数组
if(array.length > 0){
    console.log('数组不为空');
}else{
    console.log('数组为空');
}
</script>

打印结果:数组为空

JS判断数组是否含有某个值

JS 判断数组中是否含有某个值有多种方法,比如 indexOF()方法,includes()方法 等等。

1、indexOf() 方法判断数组中是否包含某个值

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

注意:

(1)、indexOf() 方法对大小写敏感!

(2)、如果要检索的字符串值没有出现,则该方法返回 -1。

js代码:

<script>
array = new Array('1','2','3','4','5'); // 定义一个数组
if(array.indexOf('2') != -1){
    console.log('存在');
}else{
    console.log('不存在');
}
</script>

返回值:存在

2、使用 for 循环进行判断

可使用 for 循环对数组的值进行输出来进行判断,不过此方法有推荐使用!

js代码:

<script>
array = new Array(1,2,3,4,5); // 定义一个数组
for ( i = 0; i < array.length; i++) {
    if (array[i] === 2) {
        console.log("数组含有2")
    }
}
</script>

打印结果:数组含有2

3、使用 find() 方法判断数组中是否含有某个值

find():方法为数组中的每个元素都调用一次函数执行!

JS代码:

<script>
array = new Array(1,2,3,4,5); // 定义一个数组
array.find(value => {
    if (value === 2) {
        console.log("数组含有2")
    }
})
</script>

4、(推荐)ncludes() 方法来判断数组中是否包含某个值

includes():方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

js代码:

<script>
array = new Array(1,2,3,4,5); // 定义一个数组
if(array.includes(2)){
    console.log('包含');
}else{
    console.log('不包含');
}
</script>