循环之for,while,do while ,forEach,map,for in,for of ,every,filter,some,$.each

转载于 2018-02-12 03:41:01 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5a80fb175188257a5850e5ad

本文详细介绍了JavaScript中for循环的应用场景及技巧，包括数组循环、对象数组遍历、DOM元素集合的处理等，并对比了不同变量声明方式的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、循环之首的for————这是最稳妥的遍历方式，浏览器都支持,性能最优

1.循环数组
var num1 = [1,2,3,4];
for (var i = 0, len = num1.length; i < len; i++) {
    console.log(num1[i])
}
2.循环遍历对象数组
var obj = [
{"a":"A"},
{"a":"B"},
{"a":"C"}
]
for (var j = 0,len = obj.length; j < len; j++) {
    console.log(obj[j].a)
}
3.循环遍历dom元素集合
点击每个li变成红色：
<ul id="lists">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
var lists = document.getElementById('lists').getElementsByTagName('li');
    for (var m = 0, len = lists.length; m < len; m++) {
        lists[m].onclick = function () {
            this.style.color = 'red';
        }
    }
for 循环中的var是全局变量，会一直保存在内存中，在for循环外部可以被重新赋值，
如果想要在for循环块内使用变量，用es6的let即可
复制代码