JavaScript 數組遍歷

zhangke3016 發布于2019-08-21 10:56 / 1767人閱讀

摘要：缺陷是不能使用，但可以用來，適用于鏈式場景，如，適用于全部元素的遍歷，缺陷是不知道迭代器，新特性，大家可以慢慢玩

原文鏈接

《JavaScript 數組遍歷》

參考

For-each over an array in JavaScript?
Why is "for(var item in list)" with arrays considered bad practice in JavaScript?
forEach and runtime cost

開始遍歷

多種選擇：

for

for-in

forEach 以及相關的（ES5+）

for-of（ES6+）

使用迭代器（ES6+）

先聲明并初始化一個數組吧：let a = ["a", "b", "c"];

使用 for 循環

for (let i = a.length; i--; ) {
    console.log(a[i]);
}

使用 for-in （不推薦）

for (let i in a) {
    console.log(a[i]);
}

forEach 以及相關的

a.forEach((e, i, a) => console.log(`element:${e}, index:${i}, array:${a}`));

a.map(n => console.log(n));

使用 for-of

for (let val of a) {
    console.log(val);
}

使用迭代器

for (let entry, itr = a[Symbol.iterator](); !(entry = itr.next()).done; ) {
    console.log(entry.value);
}

比較上述遍歷方式

for 這是最常見的遍歷方式，瀏覽器都支持

for-in 不推薦，兩個原因：不能保證遍歷的順序是預期的；遍歷可能會帶出原型鏈上的屬性

forEach() 非常好用的遍歷方式，ES5+，如果擔心運行時資源消耗的問題，可以看看 forEach and runtime cost。缺陷是不能使用 break，但可以用 try-catch 來 hack

map() ES5+，適用于“鏈式”場景，如 a.map(i => i + i).sort();

for-of ES6+，適用于全部元素的遍歷，缺陷是不知道 index

迭代器，ES6 新特性，大家可以慢慢玩

EOF

GPU云服務器云服務器數組遍歷遍歷數組遍歷篩選數組遍歷二維數組

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/86435.html

JavaScript循環遍歷你會用哪些？

摘要：總結中的循環遍歷定義一個數組和對象經常用來遍歷數組元素遍歷值為數組元素索引用來遍歷數組元素第一個參數為數組元素，第二個參數為數組元素索引，第三個參數為數組本身可選沒有返回值用來遍歷數組元素第一個參數為數組元素，第二個參數為數組元素索引，第三總結JavaScript中的循環遍歷定義一個數組和對象 const arr = [a, b, c, d, e, f]; const obj = ...

CHENGKANG 2019-08-23 12:10 評論0 收藏0
JavaScript遍歷對象和數組的方法總結

摘要：日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。使用遍歷對象注只能遍歷出自身可枚舉的屬性，而不能遍歷出原型鏈上面的屬性。日常開發中我們難免需要對數組和對象進行遍歷，今天抽空來總結下遍歷數組和對象常用的方法。 Javascript遍歷數組總結我們定義一個數組 var arr = [2,4,6]; 1.使用for循環遍歷 var lengt...

jiekechoo 2019-08-23 12:55 評論0 收藏0
JavaScript數組

摘要：與稀疏數組對立的為密集數組，密集數組的索引會被持續的創建，并且其元素的數量等于其長度。創建一個長度為的數組，并初始化了個元素使用構造函數創建數組對象的時候，關鍵字是可以省略的。另外使用和刪除元素是影響數組的長度的。說明：本文只總結了JavaScript數組在web端的行為，不包括NodeJs端的行為。本文不涉及類型化數組（TypedArray）的討論、總結。一、什么是數組數組的定...

HtmlCssJs 2019-08-23 10:23 評論0 收藏0
細說 Javascript 數組篇（一） : 數組的遍歷和 length 屬性

摘要：遍歷為了達到最佳性能來遍歷一個數組，最好的方式就是使用經典的循環。盡管屬性是定義在數組本身的，但是在循環的每一次遍歷時仍然會有開銷。給屬性賦值一個更小的數將會截斷數組，如果賦值一個更大的數則不會截斷數組。盡管數組在 Javascript 中是對象，但是不建議使用 for in 循環來遍歷數組，實際上，有很多理由來阻止我們對數組使用 for in 循環。因為 for in 循環將會枚...

TigerChain 2019-08-21 12:17 評論0 收藏0
JavaScript 中遍歷方法小結

摘要：遍歷方法小結常用的遍歷方法遍歷對數組的每個元素執行一次提供的函數創建一個新數組，其結果是該數組中的每個元素都調用一個提供的函數后返回的結果遍歷大家都熟悉，所以重點講一下與的區別相同點回調函數參數相同，都自帶三個屬性均不會修改原數組第二參數的遍歷方法小結常用的遍歷方法 for 遍歷 forEach（對數組的每個元素執行一次提供的函數） map（創建一個新數組，其結果是該數組中的每個...

flyer_dev 2019-08-23 16:06 評論0 收藏0
JavaScript：遍歷

摘要：中可以實現遍歷的數據類型主要是對象，其中包括普通對象與數組。遍歷器是一種接口，為各種不同的數據結構提供統一的訪問機制。實例五遍歷器對象實例五是的遍歷過程，通過手動調用其對象的方法實現信息獲取。為每個數組元素執行函數。前言 ??將依據自身痛點學習，計劃對原生JavaScript寫一個系統，本文為第一篇，感興趣的同學可以關注個人公眾號：ZeroToOneMe，或者github博客，將持續...

ThinkSNS 2019-08-23 17:51 評論0 收藏0