Js 判断数组是否为空或是否含有某个值

虽然春天的劲风,着实让我不太喜欢,但不得不说,春天是个好季节,俗话说 "一年之际在于春 ",春天是一年的开始,也是让人充满希望和幻想的季节。刚刚历经了寒冬的人们,开始在春天慢慢苏醒,他们慢慢的重拾自己的梦想,渐渐骨起斗志,一步步朝着自己的梦想出发,一点点靠近理想的终端。

今天来说一下在前端的 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>

到此这篇关于Js 判断数组是否为空或是否含有某个值就介绍到这了。心者,栖神之舍;神者,知识之本;思者,神识之妙用也。更多相关Js 判断数组是否为空或是否含有某个值内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法