ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で複雑な JSON 構造を反復するにはどうすればよいですか?

JavaScript で複雑な JSON 構造を反復するにはどうすればよいですか?

DDD
リリース: 2024-11-27 15:15:14
オリジナル
892 人が閲覧しました

How Can I Iterate Through Complex JSON Structures in JavaScript?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート