当前位置: 首页 > Web前端 > JavaScript

【JavaScript实战技巧(一)】循环遍历与跳出循环遍历

时间:2023-03-26 21:41:33 JavaScript

【JavaScript实战技巧(一)】循环遍历与跳出循环遍历博客说明文中所涉及资料来源于网络及个人总结,仅供个人学习和经验总结,如有侵权,请联系我删除,谢谢!说明一下,想到循环自然而然会想到for,而while这里就不说了(因为它有循环退出的条件),但其实Js的循环不止这个for。有点for循环。一想到跳出循环,立马想到三个关键点:break、return、continue。在业务中,遍历时也需要退出循环。for类循环遍历数组1,for循环constarr=[1,2,3,4,5,6]for(leti=0;i{console.log(item)})forEach是数组自带的,使用频率更高,但是性能低于for。由于forEach是数组自带的,所以在其他类似的数组类型中需要改一下。它的性能弱于forEach。constarr=[1,2,3,4,5,6]Array.prototype.forEach.call(arr,(item)=>{console.log(item)})4,地图遍历constarr=[1,2,3,4,5,6]arr.map((item)=>{console.log(item)})越用map越方便优雅,但是效率比较低(相比toforEach)5.for...of遍历constarr=[1,2,3,4,5,6]for(letiofarr){console.log(i)}for...of是一个新的es6的语法,性能比for...in要好,但是不如普通的for循环跳出循环。上面提到的跳出循环时的三个关键字:break,return,continue,for和for...in可以对应这三个关键字,但是forEach不行。先说这三个关键词。for循环跳出循环break:break语句会使正在运行的程序立即退出最内层循环或退出一个switch语句。continue:continue语句类似于break语句。不同之处在于,它不是退出循环,而是开始循环的新迭代。continue语句只能用在while语句、do/while语句、for语句或for/in语句的循环体中,用在其他地方会出错。return:return语句用于指定函数返回的值。return语句只能出现在函数体中,它会在代码的其他任何地方引起语法错误。constarr=[1,2,3,4,5,6]for(leti=0;i