JavaScript でオブジェクトの JSON 配列を反復するにはどうすればよいですか?

JavaScript での JSON 構造の反復

JSON データを操作する場合、データを抽出または操作するためにその構造を反復することが必要になることがよくあります。 。提供された JSON 構造内:

[
  {
    "id": "10",
    "class": "child-of-9"
  },
  {
    "id": "11",
    "class": "child-of-10"
  }
]

単純な JavaScript for ループを使用して、配列内の各オブジェクトを反復処理できます。

for (var i = 0; i < arr.length; i++) {
  // First, access the current object
  var obj = arr[i];

  // Now, we can iterate over the object's properties
  for (var key in obj) {
    // Obtain the value for the current property
    var value = obj[key];

    // Output the key and value
    document.write(`<br><br> - ${key}: ${value}`);
  }
}

このコードは、配列内の各オブジェクトをステップ実行します。配列、その id および class プロパティにアクセスします。出力はブラウザに表示され、各プロパティとその値がリストされます。

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