首頁 > web前端 > js教程 > JavaScript 的 `for...in` 和 `for...of` 迴圈有什麼不同?

JavaScript 的 `for...in` 和 `for...of` 迴圈有什麼不同?

Linda Hamilton
發布: 2024-12-19 20:48:15
原創
579 人瀏覽過

What's the Difference Between JavaScript's `for...in` and `for...of` Loops?

理解(for... in) 和(for... of) 語句之間的區​​別

簡介

Javascript 提供了兩個循環語句,(for...in) 和(for...of),它們在迭代物件和資料結構。

for... of:迭代屬性值

ES6 中引入的 (for... of) 語句提供迭代物件屬性值的便利方法。與迴圈屬性名稱的 (for... in) 不同,(for... of) 特別關注屬性值。

這種差異在提供的範例中變得清晰:

雖然(for... in) 記錄數字索引(“0”、“1”、“2” )和自訂屬性「foo」(ES6 迭代器通常不包括鍵),但(for... of) 僅記錄記錄數字屬性值(“3”、“5”、“7”)。這樣做的原因是 (for... of) 使用了一個專注於屬性值的特定於物件的迭代器。

總而言之,(for... of) 提供了一個簡潔且以值為中心的方法迭代物件中的屬性。它會跳過非索引屬性,例如範例中的“foo”屬性,並直接提供屬性值作為循環迭代。

以上是JavaScript 的 `for...in` 和 `for...of` 迴圈有什麼不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板