首頁  >  文章  >  web前端  >  如何使用 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"

要實現此目的,您可以應用Array. 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn