for...in JavaScript 中的循環——如何使用它們
為……在 JavaScript 中的循環遍歷對像中的所有屬性。本文將解釋為什麼以及如何使用它。
JavaScript 對象
JavaScript 對像是一種存儲屬性的變量 對於您在代碼中表示的項目。例如,您可能有一輛汽車 對象,它的屬性是汽車的品牌、年份、型號和顏色 .每個汽車對像都有它自己的定義該汽車的單獨屬性列表。
JavaScript 對像也可以用作哈希表——提供類似的功能。
為什麼要循環遍歷對象屬性?
能夠遍歷存儲在對像中的屬性很有用——您可能只想檢查對象的內容,或者您可能希望更新對像中的某些值。例如,您可能希望獲取一個對象的所有屬性並將它們連接到一個字符串中,這樣該對象就可以僅表示為文本。
為……在 循環 JavaScript 語法
為……在 語句的語法如下:
for (VARIABLE in OBJECT) { STATEMENTS }
請注意:
- 對象 是其屬性的對象 將被循環播放
- 變量 是用於訪問每個屬性的變量的名稱 對象 因為它們被迭代了
- 此值將是屬性的名稱 – 不是價值!
- 聲明 是將為每次迭代(或循環)執行的語句
為……在 代碼示例
var myCar = { make: 'Ford', model: 'Pinto', colour: 'Red', year: '1982' } var carString = ''; for (prop in myCar){ carString += prop + ': ' + myCar[prop] + ','; } console.log(carString);
以上,變量 myCar 被定義為包含一個帶有一些關於汽車的信息的對象。然後定義一個空字符串變量carString 其中將包含有關添加到其中的汽車的信息。
為……在 循環遍歷 myCar 中的每個屬性 目的。 道具 是賦予變量的名稱,其中將包含每個屬性的名稱 myCar 因為它被循環了。
在每次迭代中,carString 附加到使用 += 操作員。附加值是屬性的名稱,後跟使用 myCar[prop] 訪問的屬性的值 – 記住,道具 始終是一個字符串,其中包含當前正在循環的屬性的名稱。