位置: IT常识 - 正文
JavaScript数组every方法(JavaScript数组长度)
编辑：rootadminJavaScript数组every方法 1.every数组方法的作用
本文链接地址:https://www.jiuchutong.com/zhishi/296095.html
转载请保留说明！
推荐整理分享JavaScript数组every方法(JavaScript数组长度)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:JavaScript数组反转,JavaScript数组经典算法,JavaScript数组反转,javascript数组定义,JavaScript数组去重,JavaScript数组去重,javascript数组定义,javascript数组从小到大排序,内容如对您有帮助，希望把文章链接给更多的朋友！
判断数组中是否所有元素都满足条件
2.语法:array.every( function ( item, index,arr) {} )第一个参数: item,必须,当前元素的值
第二个参数 : index,可选,当前元素在数组中的索引值
第三个参数 : arr,当前元素所处的数组对象
3.every方法特点(1)循环次数 !== 数组长度
(2)函数内部的return
return true : 循环继续 当前元素满足条件,继续判断,如果循环执行完毕还是true,则every的返回值就是true
return false : 循环结束,当前元素不满足条件,every的返回值也是false
(3)every方法的返回值
return true : 全部元素都满足条件
return false : 有元素不满足条件
4.注意点:(1)every()方法不会对空数组进行检测
(2)every()方法不会改变原始数组
5.应用场景 : 开关思想,购物车全选示例 :
//获取全选框const checkAll = document.querySelector('#checkAll')//获取所有选择框const checkList = document.querySelectorAll('.check')//点击全选框checkAll.onclick = function () { //设置每一个选择框checked值与自身checked一致 checkList.forEach(item => item.checked = this.checked)}//点击每一个选择框：判断数组中是否所有选择框checked值都为truefor(let i = 0;i<checkList.length;i++){ checkList[i].onclick = function(){ //事件处理 //判断 checkList是否所有的元素checked值都是true checkAll.checked = Array.from(checkList).every( item => item.checked ) }}上一篇：微信小程序开发 app.json全局配置(微信小程序开发零基础入门)
下一篇：CSS-200个小案例（一）(完整的css代码案例)
