判断数组中是否所有元素都满足条件
第一个参数: item,必须,当前元素的值
第二个参数 : index,可选,当前元素在数组中的索引值
第三个参数 : arr,当前元素所处的数组对象
(1)循环次数 !== 数组长度
(2)函数内部的return
return true : 循环继续 当前元素满足条件,继续判断,如果循环执行完毕还是true,则every的返回值就是true
return false : 循环结束,当前元素不满足条件,every的返回值也是false
(3)every方法的返回值
return true : 全部元素都满足条件
return false : 有元素不满足条件
(1)every()方法不会对空数组进行检测
(2)every()方法不会改变原始数组
示例 :
//获取全选框 const checkAll = document.querySelector('#checkAll') //获取所有选择框 const checkList = document.querySelectorAll('.check') //点击全选框 checkAll.onclick = function () { //设置每一个选择框checked值与自身checked一致 checkList.forEach(item => item.checked = this.checked) } //点击每一个选择框:判断数组中是否所有选择框checked值都为true for(let i = 0;i<checkList.length;i++){ checkList[i].onclick = function(){ //事件处理 //判断 checkList是否所有的元素checked值都是true checkAll.checked = Array.from(checkList).every( item => item.checked ) } }
some和every的相同点:
some和every的不同点:
some() 方法会依次执行数组的每个元素:
every() 方法使用指定函数检测数组中的所有元素:
通俗点来说:some比较容易满足,只要有1个条件符合,他就返回true;
every要求高,要全部条件满足,才返回true。