【javascript】数组的新方法 some() every() findIndex() filter()

    技术2023-06-29  77

    array.some(function(currentValue,index,arr),thisValue)

    some() 方法::自动遍历数组,判断元素是否满足条件,当遇上第一个满足条件的元素,就会跳出方法并返回布尔值

    用于检测数组中的元素是否满足指定条件(函数提供)。

    some() 方法会依次执行数组的每个元素:

    如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。

    注意: some() 不会对空数组进行检测。

    注意: some() 不会改变原始数组。

    //html部分 <p id="demo"></p> //============================ var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.some(checkAdult); //检测数组ages中是否有元素>=18。逐一检测,如果满足条件返回true,剩余元素不再执行检测。如果全部不满足条件返回false }

    以上demo是调用了一个外部函数,还可以通过回调:

    //html部分 <p id="demo"></p> //============================ var ages = [3, 10, 18, 20]; function myFunction() { document.getElementById("demo").innerHTML = ages.some(a => {return a>=18} ); //结果true //或者 //document.getElementById("demo").innerHTML = ages.some( a => a<3 ); //结果false }

    API参考

    every()方法:用于检测数组所有元素是否都符合指定条件。

    every() 方法使用指定函数检测数组中的所有元素:

    如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。

    var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.every(checkAdult);//结果为false。当检测到元素16时,不满足条件,直接返回false。后面的元素不再检测 }

    findIndex():自动遍历数组,并查找数组中满足条件的元素,返回第一个满足条件的元素的索引

    var ages = [3, 10, 18, 20]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.findIndex(checkAdult); } function myFunction() { document.getElementById("demo").innerHTML = ages.findIndex(a=> a>=18);//结果2 }

    filter():自动遍历数组,查询满足条件的元素并将所有满足条件的元素生成一个新数组,并返回新的数组,不改变原始数组

    var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); }

    some(),findIndex(),filter都是数组的新方法,都会自动遍历数组,都不会改变原始数组,都不会检测空数组

    Processed: 0.009, SQL: 9