循環 之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便可
複製代碼

待續...數組

相關文章
相關標籤/搜索