如何迭代 JavaScript 物件並安全地存取其鍵和值？

枚舉 JavaScript 物件元素

本文重點提供一個解決方案來循環 JavaScript 物件的元素，存取它們的鍵和值。

問題語句：

考慮以下 JavaScript 物件：

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

挑戰是迭代 p 的所有元素（即 p1、p2、p3等等）並檢索他們的鑰匙和

解決方案：

要完成此任務，您可以使用 for-in 循環。雖然這是一種方便的方法，但確保獲取的金鑰是物件的真正屬性而不是從其原型繼承的至關重要。

增強的程式碼片段：

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

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

此增強型程式碼利用 hasOwnProperty() 方法來驗證屬性是否確實屬於該物件。透過採用這種方法，您可以防止檢索繼承的屬性，確保循環僅處理合法的鍵和值。

以上是如何迭代 JavaScript 物件並安全地存取其鍵和值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！