在hmtl中寫一個全選/反選的功能，選中全選時所有的復選框全部選中，相反，只要有一個復選框被取消選中，全選也會被取消選中。為此寫了兩個函數，非全選的復選框都用forEach循環。

function checkAll() {var all = document.getElementById("all");var oneList = document.getElementsByName("one");oneList.forEach(function (one){one.checked = all.checked});}function checkOne() {var all = document.getElementById("all");var oneList = document.getElementsByName("one");oneList.forEach(function (one){if(one.checked == false){all.checked = false;return;}});all.checked = true;}

checkAll函數沒有問題，checkOne就不對勁了。在循環里加了個alert(one.checked)，將全選取消，隨便點擊一個非全選選框，發現alert不停地跳，有幾個沒選中的框就跳幾下。

分析一下，明白過來，forEach的參數是一個回調函數，return的是這個回調函數，并不能跳出循環，oneList中所有的元素都要在回調函數中走一遍。將return換成break也沒用，道理是一樣的，break不能作用于forEach。因此將forEach換成fori。

function checkOne() {var all = document.getElementById("all");var oneList = document.getElementsByName("one");for(let i=0; i<oneList.length;i++){if(oneList[i].checked == false){all.checked = false;return;}}all.checked = true;}

總結一下，在不需要跳循環也用不到索引的場合，用forEach寫法還是比較方便的；一旦需要跳循環，還是用fori比較方便。

總結

以上是生活随笔為你收集整理的JS中fori和forEach跳出循环的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。