配列内のオブジェクトのプロパティを効率的に反復および変更するにはどうすればよいですか?

配列オブジェクトを反復処理し、そのプロパティを変更する方法

オブジェクトを含む配列を操作する場合、要素を循環するのが難しい場合がありますそしてそれらのプロパティを変更します。この記事では、元の質問で特定された問題に対処する包括的な解決策について説明します。

配列オブジェクトの表示

配列内の個々のオブジェクトを表示するには、ループを使用します。ループ内で console.log() を実行します。元のコードにはループ内に console.log() 呼び出しがありませんでした。修正されたコードは次のとおりです。

for (var j = 0; j < myArray.length; j++){
  console.log(myArray[j]);
}

オブジェクト プロパティへのアクセス

ループ内のオブジェクト プロパティにアクセスするには、ドット表記または角括弧を使用します。静的プロパティ名にはドット表記が機能しますが、動的プロパティ名には角括弧が必要です。たとえば、Object1.x にアクセスするには:

console.log(myArray[j]["x"]); // Using square brackets
console.log(myArray[j].x); // Using dot notation

Using forEach

ただし、より簡潔なアプローチは、forEach() メソッドを使用することです。配列内のすべての要素を反復処理し、提供されたコールバック関数を実行します。コールバック関数内で、オブジェクトのプロパティにシームレスにアクセスして変更できます。

yourArray.forEach(function (arrayItem) {
    var x = arrayItem.prop1 + 2;
    console.log(x);
});

以上が配列内のオブジェクトのプロパティを効率的に反復および変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。