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

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

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便可
复制代码

待续...数组

相关文章
相关标签/搜索