ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

JS中every的简单使用

2022-07-28 12:33:45  阅读:46  来源: 互联网

标签:arr currentValue label every 数组 简单 JS prop


every 方法

every()方法用于检测数组中的所有元素是否都满足指定条件。
every()方法会遍历数组的每一项,如果有一项不满足条件,则返回false,剩余的项将不会再执行检测。
如果遍历完数组后,每一项都符合条,则返回true。 

基本用法

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

参数说明:
第一个参数为一个回调函数,必传,数组中的每一项都会遍历执行该函数。
currentValue:必传,当前项的值
index:选传,当前项的索引值
arr:选传,当前项所属的数组对象
第二个参数thisValue为可选参数,回调函数中的this会指向该参数对象。

<script>
    var arr = [100, 50, 80, 90, 40]
    var flag = arr.every(function(currentValue, index, arr) {
      //数组中的每个元素的值都要大于60,才会返回true
      return currentValue > 60; 
    })
    console.log(flag) //false
</script>

运用场景,比如封装组件的时候
传递值数组必须要包含label和props这两个属性。
我们就可以使用这every方法判断
var arr = [{
    label: "date",
    prop: "date",
}, {
    label: "name",
    prop: "name",
}, {
    label: "address",
    prop: "address",
}]
var flag = arr.every((item) => {
    return item.label && item.prop
})
console.log(flag) //true

every函数的注意点:

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

标签:arr,currentValue,label,every,数组,简单,JS,prop
来源: https://www.cnblogs.com/IwishIcould/p/16528208.html

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有