摘要：舉個(gè)例子，如果你的數(shù)組中有一個(gè)可枚舉屬性，循環(huán)將額外執(zhí)行一次，遍歷到名為的索引。就連數(shù)組原型鏈上的屬性都能被訪問(wèn)到。最讓人震驚的是，在某些情況下，這段代碼可能按照隨機(jī)順序遍歷數(shù)組元素。
在學(xué)習(xí)ES6的變量解構(gòu)賦值的時(shí)候在demo中看到了for-of循環(huán)，現(xiàn)在就來(lái)總結(jié)一下JS中的各種循環(huán)
首先我們先來(lái)看看最初的循環(huán)
for(var i = 0;i
這其實(shí)是用的最多的循環(huán)吧，如果是我我想也會(huì)首選這個(gè)循環(huán)的，因?yàn)楹芟牒蠖酥械膄or循環(huán)
但是我們要記住我們是前端工程師，我們應(yīng)該跟上時(shí)代變遷的腳步，在ES5的時(shí)代到來(lái)的時(shí)候我們應(yīng)該改進(jìn)我們的循環(huán)了
ES5中我們可以使用內(nèi)建forEach方法遍歷數(shù)組
myArrays.forEach(function(value){
console.log(value);
})
以上的代碼看上去是不是很簡(jiǎn)潔，但是它也有一個(gè)缺點(diǎn)的就是不能使用break退出循環(huán)或者return返回外層函數(shù)
那么我們?cè)倏纯磃or-in循環(huán)吧
for (var index in myArray) { // 千萬(wàn)別這樣做
console.log(myArray[index]);
}
在JS中for-in循環(huán)適用于對(duì)象的遍歷，而不適用于數(shù)組的遍歷
使用for-in循環(huán)數(shù)組在賦值的時(shí)候會(huì)賦值為字符串賦值
作用于數(shù)組的for-in循環(huán)體除了遍歷數(shù)組元素外，還會(huì)遍歷自定義屬性。舉個(gè)例子，如果你的數(shù)組中有一個(gè)可枚舉屬性myArray.name，循環(huán)將額外執(zhí)行一次，遍歷到名為“name”的索引。就連數(shù)組原型鏈上的屬性都能被訪問(wèn)到。
最讓人震驚的是，在某些情況下，這段代碼可能按照隨機(jī)順序遍歷數(shù)組元素。
for-of循環(huán)來(lái)了
for (var value of myArray) {
console.log(value);
}
這是最簡(jiǎn)潔遍歷數(shù)組的方法了
這個(gè)方法避開(kāi)了for-in缺陷
與forEach()不同的是，它可以正確響應(yīng)break、continue和return語(yǔ)句
for-of也是可以遍歷其他集合
例如nodeList遍歷，還可以遍歷字符串，將每個(gè)字符串視為Unicode字符遍歷
快快用起來(lái)吧！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80998.html
