ICode9

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

JS中every的简单使用

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

标签: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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

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

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

ICode9版权所有