Wie iteriere ich durch verschachtelte Objekte in JavaScript?

Durchlaufen der Objektmitglieder eines einfachen JavaScript-Objekts

Bei der Arbeit mit JavaScript-Objekten ist es häufig erforderlich, deren Mitglieder zu durchlaufen. Wenn das Objekt jedoch Unterobjekte enthält, erfordert das Durchlaufen dieser einen speziellen Ansatz.

Schlüssel-Wert-Paar-basierte Schleife

Zum Durchlaufen eines einfachen JavaScript-Objekts , du kannst verwenden:

for (var key in object) {
    // Loop through the object's key-value pairs
}

Beispiel:

var validation_messages = {
    "key_1": {
        "your_name": "jimmy",
        "your_message": "hello world"
    },
    "key_2": {
        "your_name": "billy",
        "your_message": "foo equals bar"
    }
};

for (var key in validation_messages) {
    // Output: "jimmy" and "billy"
    console.log(validation_messages[key].your_name);
    
    // Output: "hello world" and "foo equals bar"
    console.log(validation_messages[key].your_message);
}

Iteration verschachtelter Objekte

Beim Umgang mit verschachtelten Objekten können Sie kann eine verschachtelte verwenden Schleife:

for (var key in object) {
    if (!object.hasOwnProperty(key)) continue; // Skip prototype properties

    var subObject = object[key];
    for (var subKey in subObject) {
        // Loop through the sub-object's key-value pairs
    }
}

Beispiel:

for (var key in validation_messages) {
    // If property exists in this object
    if (!validation_messages.hasOwnProperty(key)) continue;
    
    var subObject = validation_messages[key];
    
    for (var subKey in subObject) {
        // If property exists in this sub-object
        if (!subObject.hasOwnProperty(subKey)) continue;
        
        // Output: "jimmy" and "billy"
        console.log(validation_messages[key].your_name);
        
        // Output: "hello world" and "foo equals bar"
        console.log(validation_messages[key].your_message);
    }
}

Dieser Ansatz stellt sicher, dass Sie alle Schlüssel-Wert-Paare durchlaufen, auch für verschachtelte Objekte.

Das obige ist der detaillierte Inhalt vonWie iteriere ich durch verschachtelte Objekte in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!