ネストされたオブジェクトを含む JavaScript オブジェクトの反復処理
JavaScript では、ネストされたオブジェクトをメンバーとして含むオブジェクトを操作することがよくあります。これらの複雑なデータ構造を効果的に走査するには、この特定のシナリオに対応するメカニズムを実装することが不可欠です。
これを達成するための包括的なソリューションは、ネストされたループ構造を採用することです。これにより、親オブジェクトのキーと値、および親オブジェクト内のネストされたオブジェクトの両方に反復的にアクセスできます。
次のコードを考えてみましょう:
for (var key in validation_messages) { // Skip loop if the property is inherited from the prototype if (!validation_messages.hasOwnProperty(key)) continue; var obj = validation_messages[key]; for (var prop in obj) { // Skip loop if the property is inherited from the prototype if (!obj.hasOwnProperty(prop)) continue; // Access and process the nested property and its value alert(prop + " = " + obj[prop]); } }
このコードは、validation_messages を反復処理します。オブジェクトを使用して、キー (key_1 および key_2) とそれらに対応する値 (ネストされたオブジェクト) にアクセスします。次に、ネストされたループは、ネストされた各オブジェクトを反復処理し、そのプロパティ (your_name と your_msg) および値 (jimmy、billy、hello world、および foo は bar に等しい) へのアクセスを許可します。
以上がJavaScript でネストされたオブジェクトを反復処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。