ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して追加のプロパティでオブジェクトの配列を拡張するにはどうすればよいですか?

JavaScript を使用して追加のプロパティでオブジェクトの配列を拡張するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-24 05:26:30436ブラウズ

How to Augment an Array of Objects with Additional Properties using JavaScript?

追加のプロパティを使用したオブジェクトの配列の拡張

プログラミングにおける普遍的なタスクには、追加のプロパティを使用して既存のオブジェクトの配列を拡張することが含まれます。この概念を説明するために、2 つの要素を含むオブジェクトの配列を考えてみましょう:

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"

これを実現するには、次のアプローチを検討してください。

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

map() メソッドを使用して、Results 配列の各要素が新しいオブジェクトに変換されます。スプレッド構文 (...obj) はオブジェクトの既存のプロパティをコピーするために使用されますが、新しい Active プロパティは、この場合は値 'false' で明示的に追加されます。

Array を利用することによって。 prototype.map() を使用すると、オブジェクトの配列を新しいプロパティで簡単かつ効果的に置き換えることができます。これは、多くのプログラミング タスクの基本的な操作です。詳細とガイダンスについては、提供されている包括的なドキュメントを参照してください。

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

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