JavaScript でネストされたオブジェクトを反復するにはどうすればよいですか?

JavaScript プレーン オブジェクトのオブジェクト メンバーのループ

JavaScript オブジェクトを操作する場合、多くの場合、そのメンバーを反復処理する必要があります。ただし、オブジェクトにサブオブジェクトが含まれている場合、それらをループするには特殊なアプローチが必要です。

Key-Value ペアベースのループ

プレーンな JavaScript オブジェクトをループするには、 あなたはできるuse:

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

例:

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);
}

ネストされたオブジェクトの反復

ネストされたオブジェクトを扱うときは、ネストされたものを使用できますループ:

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
    }
}

例:

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);
    }
}

このアプローチにより、ネストされたオブジェクトであっても、すべてのキーと値のペアを確実に反復処理できます。

以上がJavaScript でネストされたオブジェクトを反復するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。