在hmtl中寫一個(gè)全選/反選的功能，選中全選時(shí)所有的復(fù)選框全部選中，相反，只要有一個(gè)復(fù)選框被取消選中，全選也會(huì)被取消選中。為此寫了兩個(gè)函數(shù)，非全選的復(fù)選框都用forEach循環(huán)。

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函數(shù)沒(méi)有問(wèn)題，checkOne就不對(duì)勁了。在循環(huán)里加了個(gè)alert(one.checked)，將全選取消，隨便點(diǎn)擊一個(gè)非全選選框，發(fā)現(xiàn)alert不停地跳，有幾個(gè)沒(méi)選中的框就跳幾下。

分析一下，明白過(guò)來(lái)，forEach的參數(shù)是一個(gè)回調(diào)函數(shù)，return的是這個(gè)回調(diào)函數(shù)，并不能跳出循環(huán)，oneList中所有的元素都要在回調(diào)函數(shù)中走一遍。將return換成break也沒(méi)用，道理是一樣的，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;}

總結(jié)一下，在不需要跳循環(huán)也用不到索引的場(chǎng)合，用forEach寫法還是比較方便的；一旦需要跳循環(huán)，還是用fori比較方便。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。