ホームページ > ウェブフロントエンド > jsチュートリアル > forEach を使用して配列内のオブジェクト プロパティを変更する方法

forEach を使用して配列内のオブジェクト プロパティを変更する方法

Susan Sarandon
リリース: 2024-11-13 00:35:02
オリジナル
946 人が閲覧しました

How to Modify Object Properties in an Array Using forEach?

オブジェクトの配列を走査し、そのプロパティを操作する

オブジェクトを含む配列を反復処理し、そのプロパティを操作するには、1 つのアプローチとして、各メソッドごとに。この組み込み配列関数を使用すると、配列の各要素に対して実行される関数を指定できます。

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

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

myArray.forEach(function (object) {
    console.log(object.x);
});
ログイン後にコピー

括弧表記を使用するには、プロパティ名を括弧で囲みます:

myArray.forEach(function (object) {
    console.log(object["x"]);
});
ログイン後にコピー

例:オブジェクト プロパティの変更

次のコードは、forEach 内でオブジェクト プロパティを変更する方法を示しています。ループ:

const myArray = [
    { x: 1, y: 2 },
    { x: 3, y: 4 },
    { x: 5, y: 6 }
];

myArray.forEach(function (object) {
    object.x += 2; // Increment the x property of each object
    console.log(object);
});
ログイン後にコピー

出力:

{ x: 3, y: 2 }
{ x: 5, y: 4 }
{ x: 7, y: 6 }
ログイン後にコピー

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

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