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>

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

相关文章
|
9月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数:`item`(数组项的值)、`index`(项的位置,可选)和`array`(数组本身,可选)。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
394 0
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
|
JavaScript 前端开发
JavaScript中的every 和 some 讲解和实现
`every()` 和 `some()` 是用于测试数组元素是否符合特定条件的两个方法。`every()` 验证所有元素是否都通过指定函数的测试,并返回一个布尔值。而 `some()` 则检查数组中是否存在至少一个元素能通过该测试。若找到符合条件的元素,即使只有一个,`some()` 也会立即返回 `true`;反之则返回 `false`。这两个方法都不会对原数组进行修改。
237 1
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
JavaScript API
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
440 1
|
前端开发 JavaScript
#yyds干货盘点# javascript学习系列(16):数组中的every方法
#yyds干货盘点# javascript学习系列(16):数组中的every方法
216 0
#yyds干货盘点# javascript学习系列(16):数组中的every方法
|
JavaScript 前端开发
Javascript的some()和every()方法的区别以及使用范围
some和every都是Array对象中的方法 every() 方法的意思是“所有”,就是使用指定函数检测数组中的所有元素: (1)如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 (2)如果所有元素都满足条件,则返回 true。
383 0
|
JavaScript
JS中every()方法
JS中every()方法
210 0
JS中every()方法
|
JavaScript
js数组遍历some,foreach,map,filter,every对比
1. [...].some(ck)函数       ----      某个一个为true,则为true   对数组中每个元素执行一次ck函数,知道某个元素返回true,则直接返回true。如果都返回false,则返回false 检查整个数组中是否有满足ck函数的元素。
1092 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
305 2