ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して配列内の各オブジェクトに新しいプロパティを追加する方法

JavaScript を使用して配列内の各オブジェクトに新しいプロパティを追加する方法

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-23 12:04:01425ブラウズ

How to Add a New Property to Each Object in an Array Using JavaScript?

配列内のオブジェクトの拡張

オブジェクトの配列内で、各オブジェクトに追加のプロパティを追加するには、各オブジェクトに次のプロパティが含まれていることを確認するプログラミング技術が必要です。新しい物件。次のシナリオを考えてみましょう:

Object {Results:Array[2]}
 Results:Array[2]
[0-1]
0:Object
   id=1     
   name: "Rick"
1:Object
   id=2     
   name:'david'

目標は、各要素に「Active」プロパティを追加することです。その結果、次のようになります。

Object {Results:Array[2]}
 Results:Array[2]
[0-1]
0:Object
   id=1     
   name: "Rick"
   Active: "false"
1:Object
   id=2     
   name:'david'
   Active: "false"

これを達成するには、配列を適用します。 prototype.map() メソッド:

Results.map(obj => ({ ...obj, Active: 'false' }))

map() メソッドは、Results 配列内の各オブジェクト (obj) を反復処理し、変換されたオブジェクトを含む新しい配列を返します。アロー関数内で、元のオブジェクト (...obj) のプロパティを展開し、値が「false」の新しい「Active」プロパティを追加します。これにより、各新しいオブジェクトにすべての既存のプロパティと「Active」プロパティが確実に含まれるようになります。

Array.prototype.map() の詳細については、MDN ドキュメントを参照してください: https://developer.mozilla.org/ en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。