JavaScript >> Javascript 文檔 >  >> JavaScript

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] 訪問的屬性的值 – 記住,道具 始終是一個字符串,其中包含當前正在循環的屬性的名稱。


Tutorial JavaScript 教程
  1. 如何使用 BeautifulSoup 和 Python 調用 JavaScript 函數

  2. 第 7 單元星期一:動畫時間線、大小合適的圖像、公司聯繫表等

  3. 從鼓音序器學習榆樹(第 1 部分)

  4. 亞馬遜 EBS

  5. 為什麼你不應該再使用 React JS! React JS 與 NEXT JS

  6. 在數據表中導出數據時刪除/隱藏列

  7. 為什麼 JavaScript 會這樣做? - 問題 #1

  1. 如果 index 與 div 列表的索引相同,則附加對象值數組

  2. 🎉32 視覺學習者的代碼教程🖼

  3. 使用 Inspector 進行 NodeJs 實時執行監控

  4. 通過可視化測試保護您的組件庫

  5. 如何測試有效的 UUID/GUID?

  6. 2022 年的 5 個現代 JS 滑塊

  7. .NET 正則表達式中的匹配數字

  1. Angular 教程:使用 ES7 裝飾器分離關注點

  2. 星期一模塊:國會查詢、定價頁面、歡迎信息等

  3. 有用的 jQuery 或 Javascript 輪播插件

  4. BrazilJS Conf 2019 亮點