JavaScript数组every方法

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