1.every數組方法的作用

判斷數組中是否所有元素都滿足條件

2.語法:array.every( function ( item, index,arr) {} )

第一個參數: item,必須,當前元素的值

第二個參數 : index,可選,當前元素在數組中的索引值

第三個參數 : arr,當前元素所處的數組對象

3.every方法特點

(1)循環(huán)次數 !== 數組長度

(2)函數內部的return

return true : 循環(huán)繼續(xù) 當前元素滿足條件,繼續(xù)判斷,如果循環(huán)執(zhí)行完畢還是true,則every的返回值就是true

return false : 循環(huán)結束,當前元素不滿足條件,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值都為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的區(qū)別

some和every的相同點：

• 都可以遍歷數組中每一項的數據；
• 都不會對空數組進行檢測；
• 都不會改變原始數組。

some和every的不同點：

some() 方法會依次執(zhí)行數組的每個元素：

• 如果有一個元素滿足條件，則表達式返回true , 剩余的元素不會再執(zhí)行檢測。
• 如果沒有滿足條件的元素，則返回false。

every() 方法使用指定函數檢測數組中的所有元素：

• 如果數組中檢測到有一個元素不滿足，則整個表達式返回 false ，且剩余的元素不會再進行檢測。
• 如果所有元素都滿足條件，則返回 true。

通俗點來說：some比較容易滿足，只要有1個條件符合，他就返回true；

every要求高，要全部條件滿足，才返回true。

總結

到此這篇關于JavaScript數組every方法的文章就介紹到這了,更多相關JS數組every方法內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論