ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で複雑な JSON 構造を反復するにはどうすればよいですか?
JavaScript で複雑な JSON 構造を反復処理する
JSON (JavaScript Object Notation) 形式のデータを操作する場合、多くの場合、反復処理が必要になります。情報を抽出または操作するための階層構造。この場合、オブジェクトの配列で構成される JSON 構造が表示されます。各オブジェクトは子レコードを表します。
この構造を反復処理して、各子オブジェクトのプロパティにアクセスするには、次のことができます。配列の反復とオブジェクト プロパティの列挙を組み合わせて利用します。 JavaScript でこれを行う方法は次のとおりです。
var arr = [{"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}]; // Iterate over the array of child objects for (var i = 0; i < arr.length; i++){ console.log("array index: " + i); // Iterate over the properties of each child object var obj = arr[i]; for (var key in obj){ var value = obj[key]; console.log(" - " + key + ": " + value); } }
このコードでは、外側のループは for ループを使用して子オブジェクトの配列を反復処理します。各子オブジェクトについて、内部ループは for...in ループを使用してオブジェクトのプロパティを反復処理し、各プロパティのキー (プロパティ名) と値 (プロパティ値) を抽出します。これで、コンソールに JSON 構造の内容がわかりやすく整理されて表示されます。
このアプローチに従うことで、複雑な JSON 構造を効果的に反復処理でき、必要に応じてデータにアクセスして操作できるようになります。
以上がJavaScript で複雑な JSON 構造を反復するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。