首頁 > web前端 > js教程 > 如何使用循環迭代 JavaScript 物件?

如何使用循環迭代 JavaScript 物件?

DDD
發布: 2024-12-25 06:42:13
原創
391 人瀏覽過

How Do I Iterate Over JavaScript Objects Using Loops?

循環和枚舉 JavaScript 物件

枚舉或迭代 JavaScript 物件的元素是一項常見任務。考慮以下物件:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};
登入後複製

使用for-in 循環遍歷鍵和值:

for-in 循環可讓您迭代以下物件的可枚舉屬性一個物體。以下是如何將它與p 物件一起使用:

for (var key in p) {
    console.log(key + " -> " + p[key]);
}
登入後複製

此循環將列印以下對:

  • p1 ->值1
  • p2 -> value2
  • p3 -> value3

處理繼承的屬性(可選):

需要注意的是,預設情況下,for-in 迴圈也會迭代繼承的屬性。如果只想列出物件直接擁有的屬性,可以使用 hasOwnProperty:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}
登入後複製

以上是如何使用循環迭代 JavaScript 物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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