JS中every的简单使用

简介: JS中every的简单使用

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() 不会改变原始数组

every() 不会对空数组进行检测

<script>
let arr = []
let flag = arr.every((item, index) => {
    //空数组,里面的代码没有被执行。 返回的是true
    console.log('空数据')
    return item && item.age > 10
})
console.log(flag) //输出的是true
</script>

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。

相关文章
|
1月前
|
JSON JavaScript 前端开发
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
Danfo.js专题 - Danfo.js与Dnotebook简介与入门
60 0
|
1月前
|
JavaScript
js中?.、??的具体用法
js中?.、??的具体用法
98 0
|
7月前
|
JavaScript 前端开发
什么是js?js的用法?
什么是js?js的用法?
|
9月前
|
XML JavaScript 前端开发
JS的简介和作用还有为什么会产生JS?
JS的简介和作用还有为什么会产生JS?
71 2
|
JavaScript
js基础笔记学习2-js特点
js基础笔记学习2-js特点
59 0
js基础笔记学习2-js特点
|
JavaScript 前端开发 Java
JS基础教程1——JS简介
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
|
Web App开发 编解码 JavaScript
JS简介(1)
JS简介(1)
136 0
|
JSON 前端开发 数据格式
next.js 源码解析 - getServerSideProps 篇
老规矩,昨天写了关于 getServerSideProps 的内容,今天趁热写一下 getServerSideProps 相应的源码,看看 next.js getServerSideProps 是怎么实现的,还有什么从文档无法知晓的细节。
|
JavaScript
js技巧代码-1
了解js技巧代码-1。
|
JavaScript
js技巧代码-2
学习js技巧代码-2。

热门文章

最新文章