如何使用反应数组映射方法将项目添加到特定 Id

Question

这是我的示例数组，其中包含 id 和 item 以及 item notes 描述。let sampleArr = [   {     id:1,     item:"item",     notes:["one"]   },   {     id:2,     item:"item2",     notes:["one","two"]   },   {     id:3,     item:"item3",     notes:["one","two"]   }]在这里，我想将注释添加到 id:3 和 notes:"three" 中，所以我希望我的最终输出应该像样本数组一样。{        id:3,    item:"item3",    notes:["one","two","three"] }

Answer 1

您可以创建一个基于 id 和更新值搜索元素的函数

let sampleArr = [{id: 1,item: "item",notes: ["one"]},{id: 2,item: "item2",notes: ["one", "two"]},{id: 3,item: "item3",notes: ["one", "two"]}]

const updateNotes = (id,value) =>{

  return sampleArr.map(v=> {

    return v.id == id ? {...v, notes: [...v.notes, value]} : v

  })

}

console.log(updateNotes(3,'three'))