首页前端开发JavaScriptJS数组学习之判断数组元素是不是都满足给定条件

JS数组学习之判断数组元素是不是都满足给定条件

时间2024-01-30 05:22:02发布访客分类JavaScript浏览700
导读:收集整理的这篇文章主要介绍了JS数组学习之判断数组元素是不是都满足给定条件,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇文章《JS数组学习之遍历数组,将元素值全部扩大一倍》中,我们介绍了遍历数组,对数组中每个元素进行处理的方法。...
收集整理的这篇文章主要介绍了JS数组学习之判断数组元素是不是都满足给定条件,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇文章《JS数组学习之遍历数组,将元素值全部扩大一倍》中,我们介绍了遍历数组,对数组中每个元素进行处理的方法。这次继续聊聊数组的遍历,介绍一下检测数组元素是否全部符合指定条件的几种方法,有需要的朋友可以学习了解一下~

那么如何判断数组中元素是否满足指定条件?例如遍历数组,检查数组中元素是否都为偶数,这要怎么操作?

下面我们来介绍3种方法,先从熟悉的for循环开始,然后介绍2种内置函数--看看使用它们来怎么检测。

方法1:利用for循环

实现思想:

  • 利用for语句来遍历数组

for(VAR i=0;
    ia.length;
i++){
}
    
  • 检查数组中元素是否都为偶数,反过来:只要有一个不是偶数,那么可以得出“不全为偶数”。

因此实现代码可以这么写:

var a = [2,4,5,6,8],b=0;
    for(var i=0;
    ia.length;
i++){
	if (a[i] % 2 != 0) {
    		b=0		break;
	}
else{
    		b++;
	}
}
if (b) {
    	console.LOG("都是偶数");
}
 else {
    	console.log("不全为偶数");
}
    

分析代码:

  • 我们使用了一个中间变量b赋值为0,如果数组元素为偶数,b就自增1;当有一个数组元素不是偶数,b的值就又重新变为0,且使用“break; ”退出循环。

  • 此时我们判断变量b的值就能知道数组中元素是否都为偶数:如果b> 0则都是偶数;如果b=0则不全为偶数。

因为数组中元素5不是偶数,因此输出结果为:

方法2:利用some()方法

some()方法可以检测数组中是否存在符合条件的元素。换个角度思考,也可以用来检测数组中的所有元素是否都不符合指定条件,都不符合的话就返回 false,有一个或者多个符合的话就返回 true。(和上文代码是一个思路)

array.some(function callbackfn(Value,index,array),thisValue)

function callbackfn(value,index,array):一个回调函数,不可省略,最多可接受三个参数:

  • value:当前数组元素的值,不可省略。

  • index:当前数组元素的数字索引。

  • array:当前元素属于的数组对象。

我们来看看实现代码:

function f(value, index, ar) {
    if (value % 2 != 0) {
            return true;
    }
}
    var a = [2,4,6,8,10,12];
    var b = a.some(f);
if (b) {
    	console.log("不全为偶数");
}
 else {
    	console.log("都是偶数");
}
    

可以看出:因为数组中元素都是偶数,因此输出结果为:

我们将数组元素12改为11,则输出结果为:

方法3:使用every()方法

every()方法可以检测数组元素是否全部符合指定条件。语法如下,参数取值情况可参考上文some() 方法

array.every(function callbackfn(Value,index,array),thisValue)

我们来看看实现代码:

function f(value, index, ar) {
    if (value % 2 == 0) {
            return true;
    }
else {
            return false;
    }
}
    var a = [2,4,6,8,10,11];
    var b = a.every(f);
if (b) {
    	console.log("都是偶数");
}
 else {
    	console.log("不全为偶数");
}
    

输出结果为:

不全为偶数

every()和some() 方法的区别:

只有当数组中的所有元素都满足条件时,every() 才返回 true;只要数组中有一个元素满足条件,some() 就返回 true。

好了,就说到这里了,有需要的可以看:javascript视频教程

以上就是JS数组学习之判断数组元素是不是都满足给定条件的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

JS数组some()遍历数组

若转载请注明出处: JS数组学习之判断数组元素是不是都满足给定条件
本文地址: https://pptw.com/jishu/592094.html
使用JavaScript从数组中删除最后一项(3种方法) 如何通过jQuery给一个元素添加单击和双击事件

游客 回复需填写必要信息