首頁 > web前端 > js教程 > 如何使用 JavaScript 為陣列中的每個物件新增屬性?

如何使用 JavaScript 為陣列中的每個物件新增屬性?

Patricia Arquette
發布: 2024-10-23 12:04:01
原創
493 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板