如何使用反应数组映射方法将项目添加到特定 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'))