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便可
複製代碼
待續...數組