Wie iteriere ich durch verschachtelte Objekte in JavaScript?

Iterieren über ein JavaScript-Objekt mit verschachtelten Objekten

In JavaScript ist der Zugriff auf Eigenschaften eines Objekts mithilfe der Punkt- oder Klammernotation unkompliziert. Beim Umgang mit verschachtelten Objekten kann die Iteration durch alle Mitglieder jedoch komplexer sein.

Problemstellung:

Wie kann man alle Mitglieder eines JavaScript-Objekts effektiv durchlaufen? , einschließlich Werte, die selbst Objekte sind? Betrachten Sie beispielsweise das folgende Objekt:

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

Das Ziel besteht darin, alle Eigenschaften dieses Objekts zu durchlaufen und auf „your_name“ und „your_msg“ jedes verschachtelten Objekts zuzugreifen.

Lösung:

Um ein JavaScript-Objekt mit verschachtelten Objekten zu durchlaufen, können wir eine Kombination davon verwenden Object.keys()-Methode und eine verschachtelte for...in-Schleife. Die Methode Object.keys() gibt ein Array aller aufzählbaren Eigenschaftsnamen eines Objekts zurück.

for (var key in validation_messages) {
    // skip loop if the property is from prototype
    if (!validation_messages.hasOwnProperty(key)) continue;

    var obj = validation_messages[key];
    for (var prop in obj) {
        // skip loop if the property is from prototype
        if (!obj.hasOwnProperty(prop)) continue;

        // your code
        alert(prop + " = " + obj[prop]);
    }
}

In dieser Lösung:

• Die äußere for...in-Schleife iteriert über die Schlüssel des validation_messages-Objekts.
• Wir verwenden die Methode hasOwnProperty(), um sicherzustellen, dass wir nur auf Eigenschaften zugreifen, die direkt zum Objekt gehören als die vom Prototyp geerbten.
• Für jede Eigenschaft greifen wir auf das entsprechende verschachtelte Objekt zu und fahren mit der Iteration über seine Eigenschaften in der inneren for...in-Schleife fort.
• Wieder verwenden wir hasOwnProperty(), um Prototypeigenschaften herauszufiltern.
• Innerhalb der inneren Schleife können wir nach Bedarf auf die Eigenschaften zugreifen und sie verwenden, z. B. um sie in einem anzuzeigen Alarm.

Diese Lösung durchläuft effektiv alle Mitglieder des verschachtelten Objekts und ermöglicht so einen einfachen Zugriff auf ihre Werte.

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!