本文摘自PHP中文网,作者青灯夜游,侵删。
方法:1、for循环;2、for in循环;3、while循环;4、do while循环;5、forEach循环;6、map();7、filter();8、some();9、every();10、reduce();11、for of循环等。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑
JavaScript 中的12种循环遍历方法
1、for 循环
1 2 3 4 5 6 7 |
|
for 循环是 Js 中最常用的一个循环工具,经常用于数组的循环遍历。
2、for in 循环
1 2 3 4 5 6 |
|
for in 循环主要用于遍历普通对象,i 代表对象的 key 值,obj[i] 代表对应的 value,当用它来遍历数组时候,多数情况下也能达到同样的效果,但是你不要这么做,这是有风险的,因为 i 输出为字符串形式,而不是数组需要的数字下标,这意味着在某些情况下,会发生字符串运算,导致数据错误,比如:‘52’+1 = ‘521’ 而不是我们需要的 53。
另外 for in 循环的时候,不仅遍历自身的属性,还会找到 prototype 上去,所以最好在循环体内加一个判断,就用 obj[i].hasOwnProperty(i),这样就避免遍历出太多不需要的属性。
3、while循环
同样的遍历 cars 数组,先用 for 循环方法
1 2 3 4 5 6 7 8 9 10 11 |
|
然后是 while 循环方法
1 2 3 4 5 6 7 |
|
我们发现,它们可以实现同样的效果,事实上它们底层的处理是一样的,不过 for 循环可以把定义、条件判断、自增自减操作放到一个条件里执行,代码看起来方便一些,仅此而已。
4、do while 循环
1 2 3 4 5 6 7 8 9 |
|
do while 循环是 while 循环的一个变体,它首先执行一次操作,然后才进行条件判断,是 true 的话再继续执行操作,是 false 的话循环结束。
5、Array forEach 循环
1 2 3 4 5 6 7 |
|
forEach循环,循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度,他有三个参数,只有第一个是必需的,代表当前下标下的 value。
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者