javaScript中 for...in 和 for...of 的區別

alanoddsoff 發布于2019-08-22 18:42 / 2822人閱讀

摘要：和的差異解析是標準，是針對的不足而補充的方法。遍歷的是數組中元素的值。當使用遍歷數組的時候，我們得到的實際上是數組的索引值鍵值，同時如果數組存在別的屬性的話，也會被遍歷出來。甚至可以遍歷到對象的原型方法和屬性一個栗子參考簡述中與區別

for...in和for...of使用場景差異

一句話：遍歷對象的屬性時，用for...in。想遍歷數組中元素的值的話,用for...of。

for...in 和 for...of的差異解析

for...in是 ES5 標準，for...of是 ES6 針對for...in的不足而補充的方法。

for...in遍歷的是 "鍵名"。for...of遍歷的是數組中元素的值。

當使用for...in遍歷數組的時候，我們得到的實際上是數組的索引值(鍵值)，同時如果數組存在別的屬性的話，也會被遍歷出來。for...in甚至可以遍歷到對象的原型方法和屬性

一個栗子

Object.prototype.objCustom = function () {}; 
Array.prototype.arrCustom = function () {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); //  0, 1, 2, "foo", "arrCustom", "objCustom"
}


for (let i of iterable) {
  console.log(i); // 3, 5, 7

參考

簡述js中 for in 與 for of 區別

GPU云服務器云服務器 for...of php和javascript的區別 javascript和jquery的區別 jquery和javascript的區別

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

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

Javascript數組的“字符串”索引 & for…in 和 for…of的區別

摘要：中的數組是沒有字符串索引的，形如只是在對象上添加了屬性。本來有幾個例子，然而搜到了的文檔，所以摘一點下面摘自循環會遍歷一個對象上面的所有屬性。語法是針對集合的，而不是所有的對象。它會遍歷定義了屬性的集合的所有元素。 TL;DR：js中的數組是沒有字符串索引的，形如array[b] = someValue只是在array對象上添加了屬性。本來有幾個例子，然而搜到了MDN的文檔，所以摘一...

mo0n1andin 2019-08-20 17:50 評論0 收藏0
JavaScript 的 4 種數組遍歷方法： for VS forEach() VS for/in

摘要：對于，除非使用箭頭函數，它的回調函數的將會變化。使用測試下面的代碼，結果如下打印打印要點使用的規則要求所有回調函數必須使用箭頭函數。譯者按： JS 騷操作。原文：For vs forEach() vs for/in vs for/of in JavaScript 譯者: Fundebug 本文采用意譯，版權歸原作者所有我們有多種方法來遍歷 JavaScript 的數組或者...

joyqi 2019-08-26 13:35 評論0 收藏0
JavaScript的幾種循環方式

摘要：本教程解釋了現代中各種各樣的循環可能性目錄介紹提供了許多迭代循環的方法。引入了循環，它結合了的簡潔性和破解能力注意使用。此循環在每次迭代中創建一個新范圍，因此我們可以安全地使用它而不是。 JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現代JAVASCRIPT中各種各樣的循環可能性 showImg(https://segmentfault.com/img/bVbfH...

Allen 2019-08-29 16:28 評論0 收藏0
JavaScript的幾種循環方式

摘要：本教程解釋了現代中各種各樣的循環可能性目錄介紹提供了許多迭代循環的方法。引入了循環，它結合了的簡潔性和破解能力注意使用。此循環在每次迭代中創建一個新范圍，因此我們可以安全地使用它而不是。 JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現代JAVASCRIPT中各種各樣的循環可能性 showImg(https://segmentfault.com/img/bVbfH...

piapia 2019-08-26 12:19 評論0 收藏0
JavaScript的幾種循環方式

摘要：本教程解釋了現代中各種各樣的循環可能性目錄介紹提供了許多迭代循環的方法。引入了循環，它結合了的簡潔性和破解能力注意使用。此循環在每次迭代中創建一個新范圍，因此我們可以安全地使用它而不是。 JavaScript提供了許多通過LOOPS迭代的方法。本教程解釋了現代JAVASCRIPT中各種各樣的循環可能性 showImg(https://segmentfault.com/img/bVbfH...

ztyzz 2019-08-02 11:20 評論0 收藏0