some和every循坏

爱敲码的老余

已于 2023-02-15 08:53:24 修改

阅读量310

点赞数 3

文章标签： javascript

于 2022-11-25 15:10:09 首次发布

本文链接：https://blog.youkuaiyun.com/www61621/article/details/128038227

版权

前言

阅读本文之前先来思考一个问题，如何如实现判断一个数组中是否存在满足条件的元素，如何去判断数组中是否全部元素都满足判断条件，这里可能能想到使用for循环遍历数组，if()判断每一项是否符合条件，同样也可以使用forEach()遍历，filter()过滤出满足条件的元素并判断元素个数…这里介绍一下js数组的every和some方法。

一、every（）

every() 方法用于检测非空数组中所有元素是否都符合指定条件（通过函数提供），如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。

分析：

every方法针对非空数组进行检测，检测条件通过回调函数作为入参传递，返回值为布尔类型true或者false，若每个元素都通过检测才返回true,且该方法不会改变原数组。

一旦找到不符合检测条件的元素就返回false，否则遍历全部元素。

使用语法：

array.every（function（currentValue，index，array），thisValue）

接受两个参数，第一个参数为传入的回调函数，该函数又三个参数，currentValue参数必选，为当前检测的元素，index为当前元素的索引，array为当前检测的数组，第二个参数可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    const arr = [
            {
                name:'小明',
                id:0,
                num:1
            },
            {
                name:'小红',
                id:1,
                num:1
            },
            {
                name:'小兰',
                id:2,
                num:1
            }
        ];
        const obj = {
            name:'小绿',
            id:3,
            num:1
        }
     arr.every((val,idx,arr)=>{
        if(val.id === obj.id){
             val.num++;
            return false;
        }else{
             return true;
         }
     }) ? arr.push(obj) : 0;
     console.log(arr);

   
</script>
</html>

二、some（）

some()方法用于检测数组中的元素是否满足指定条件（函数提供）。如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。

分析：

some()方法针对非空数组进行检测，检测条件通过回调函数作为入参传递，返回值为布尔类型true或者false,若存在任意元素通过检测就参会true，且该方法不会改变原数组。

一旦找到符合条件的就返回true,否则遍历全部元素。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    const arr = [
            {
                name:'小明',
                id:0,
                num:1
            },
            {
                name:'小红',
                id:1,
                num:1
            },
            {
                name:'小兰',
                id:2,
                num:1
            }
        ];
        const obj = {
            name:'小绿',
            id:3,
            num:1
        }
 

    arr.some((val,idx,arr)=>{
        if(val.id === obj.id){
            val.num++;
            return true;
        }else{
            return false;
        }
    }) ? 0 : arr.push(obj);
    console.log(arr);
</script>
</html>