1.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 )
}
}
let arr = [1,2,3,4,5];
//最多可传递三个参数 item为数组元素,index是当前元素下标,arr是整个数组
//index和arr是可选参数
// 数组中所有元素是否都大于3
var result= arr.every(function(item,index,arr){
return item>3;
});
console.log("当前输入元素是否都大于 3:"+result);
// 数组中所有元素是否都大于-1
var result= arr.every(function(item,index,arr){
return item>-1;
});
console.log("当前输入元素是否都大于-1:"+result);
控制台输出结果:
当前输入元素是否都大于 3:false
当前输入元素是否都大于-1:true