JavaScript中Array数组的every()函数的详解

前言

开发中,经常会用到js的Array数组的各种迭代函数map(),filter(),some(),every(),forEach(),find() findIndex(),也是在ES6中新增一些遍历函数。同样是不是也是一道面试题,说说ES6新增的一些新特性????

开始正文every()函数

一、对every()函数的定义:

every() 方法用于检测数组中所有元素是否都符合指定条件(通过函数提供);
every()方法使用指定函数检测数组中的所有元素:

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

注意:

  • every()不会对空数组进行检测。
  • every() 不会改变原始数组。

二、浏览器支持
表格中的数字表示支持该方法的第一个浏览器的版本号。
在这里插入图片描述
三、语法

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

参数说明:
JavaScript中Array数组的every()函数的详解_第1张图片
四、示例
检测数组 ages 的所有元素是否都大于等于输入框中指定的数字:

<p>最小年龄: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">点我</button>

<p>是否所有年龄都符号条件? <span id="demo"></span></p>

<script>
var ages = [32, 33, 12, 40];

function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}
</script>

【菜鸟教程,在线调试】

你可能感兴趣的:(VUE)