How Do I Iterate Through JavaScript Objects to Access Keys and Values?

Looping Through JavaScript Objects: Iterating over Keys and Values

Retrieving elements from a JavaScript object requires a structured approach to access keys and corresponding values. Consider the example object:

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

To loop through all elements, leverage the for-in loop:

for (var key in p) {
    // Access the value using the current key
    var value = p[key];
}

However, using for-in may loop through properties inherited from the prototype. To ensure only direct properties are considered, include an additional check:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        // Access the value using the current key
        var value = p[key];
    }
}

This approach guarantees that only object-specific keys are iterated over, effectively extracting key-value pairs:

"p1" -> "value1"
"p2" -> "value2"
"p3" -> "value3"

The above is the detailed content of How Do I Iterate Through JavaScript Objects to Access Keys and Values?. For more information, please follow other related articles on the PHP Chinese website!