JS-在其中一個對象上添加新的屬性和值

Question

我有一個對象清單

const array = [
    {club: "Club A", number: 12},
    {club: "Club B", number: 12}
]

我想在其中一個對象中添加一個新屬性

member: ["a", "b"]

這將是

const newArray = [
    {club: "Club A", number: 12, member: ["a", "b"]},
    {club: "Club B", number: 12}
]

嘗試過地圖

const newArray = array.map(obj => check if obj.club ==="Club A" )

Answer 1

您可以只分配新屬性。

經典作業：

 const array = [{ club: "Club A", number: 12 }, { club: "Club B", number: 12 }], member = ["a", "b"]; array.find(({ club }) => club === "Club A").member = member; console.log(array); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

或采用Object.assign

 const array = [{ club: "Club A", number: 12 }, { club: "Club B", number: 12 }], member = ["a", "b"]; Object.assign(array.find(({ club }) => club === "Club A"), { member }); console.log(array); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 2

您可以使用地圖和對象分解

 const array = [{club: "Club A", number: 12},{club: "Club B", number: 12}] let member = ["a", "b"] const newArray = array.map(obj => obj.club === "Club A" ? {...obj,member} : obj) console.log(newArray) 

Answer 3

您可以在地圖中使用Object.assign

 const array = [ {club: "Club A", number: 12}, {club: "Club B", number: 12} ] const member = {member: ["a", "b"]}; const newArray = array.map(obj => obj.club === 'Club A' ? Object.assign(obj, member) : obj); console.log(newArray); 

Answer 4

您可以使用find()獲得要編輯的項目。 然后只需為其分配屬性：

 const array = [ {club: "Club A", number: 12}, {club: "Club B", number: 12} ] // find the correct item let item = array.find(item => item.club == "Club A") item.member = ["a", "b"] console.log(array)