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