JavaScript でオブジェクトの配列をループしてプロパティにアクセスする方法

オブジェクトの配列のループとプロパティへのアクセス

JavaScript では、オブジェクトを含む配列をループするには、単純な値の配列と比較して変更されたアプローチが必要です。 .

の反復処理オブジェクト

配列内のオブジェクトを反復するには、forEach() メソッドを使用できます。基本的なループ構造とは異なり、forEach() は配列内の各要素に対してコールバック関数を実行します。

myArray.forEach((element) => {
  console.log(element);
});

このコードは、myArray 配列内の各オブジェクトをログに記録します。

Accessingオブジェクト プロパティ

ループ内のオブジェクト プロパティにアクセスするには、ドット表記または括弧を使用できます。 notation:

forEach((element) => {
  console.log(element.x); // Dot notation
  console.log(element["y"]); // Bracket notation
});

例

forEach() を使用するように質問内のコードを変更しましょう:

for (var j = 0; j < myArray.length; j++) {
  console.log(myArray[j].x); // This returns "undefined"
}

myArray.forEach((element) => {
  console.log(element.x); // This works
});

最初のループ内の場合、文字列「unknown」の「x」プロパティに誤ってアクセスしようとします。 forEach() を適切なコールバック関数とともに使用すると、配列内の各オブジェクトのプロパティに正常にアクセスして操作できるようになります。

以上がJavaScript でオブジェクトの配列をループしてプロパティにアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。