JS中fori和forEach跳出循环的问题

在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跳出循环的问题相关推荐

JS中map和foreach的区别以及some和every的用法
转载自:小猪冒泡的原生JS forEach()和map()遍历一.原生JS forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项.2.forEach() 和 map() ...
JS中如何跳出.forEach循环
写在前面提到在一段程序中如果碰到需要终止,结束一个循环,函数或者一段代码,一般会想到以下这几个关键字return.continue.break 简述一下三者的区别: break: 终止整个循环(有内 ...
js中如何终止foreach循环？
forEach专门用来循环数组,可以直接取到元素,同时也可以取到index值存在局限性,不能continue跳过或者break终止循环,没有返回值,不能return 终止foreach循环 :运用抛 ...
使用JS中EL数组中循环取值
1.在JS代码中可以使用使用<c:foreach>进行循环取值 Java: List list = new ArrayList(); request.setAttribute(" ...
js中forEach以及forEach跳出循环
for与forEach的区别 1.for循环可以使用break跳出循环,但forEach不能.那forEach能不能跳出循环呢?可以,不过不是使用break,而是结合try catch操作(下面有写如 ...
JS中find(), findIndex(), filter(), forEach(), some(), every(), map()方法
1. find()与findIndex() find()方法,用于找出第一个符合条件的数组成员.它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该 ...
jsfor循环终止_【JavaScript】JS中如何跳出循环/结束遍历
直接抛结论,下表是JS中常用的实现循环遍历的方法的跳出/结束遍历的办法,经过测试后的总结.可能各位大佬还有其他的办法,我在此表示大佬NB. 序号方法 break continue return re ...
js for forEach 跳出循环方式
js for forEach 跳出循环方式文章目录 js for forEach 跳出循环方式前言一.for循环二.for in 循环三.forEach循环问题解决办法前言 JS中的循 ...
js中跳出循环用for（）
js中跳出循环用for() //forEach和return结合不能打破循环 for与break结合使用能打破循环var arr= [1,2,3]arr.forEach((item,index)= ...

JS中fori和forEach跳出循环的问题

JS中fori和forEach跳出循环的问题相关推荐

最新文章

热门文章