How to add items into specific Id using the react array map method

Question

Here is my sample array which contains the id and item and item notes description.

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

Here I want to add the notes into id:3 with the notes:"three" so I am expecting my final output should be like into the sample array.

{    
    id:3,
    item:"item3",
    notes:["one","two","three"]
 }

Yes you are right, deleted my comment. Never mind

Garry
– Garry

2019-08-30 19:08:06 +00:00
Commented Aug 30, 2019 at 19:08 — Garry
– Garry, Commented Aug 30, 2019 at 19:08

Dupocas · Accepted Answer · 2019-08-30 18:58:56Z

2

The gist here is to only concat the new note when item.id === id otherwise just return the old item

const addNoteById = (note, id) =>{
    return sampleArr.map(item =>({
        ...item,
        notes : item.id === id ? item.notes.concat(note) : item.notes
    }))
}

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

const addNoteById = (note, id) =>{
    return sampleArr.map(item =>({
        ...item,
        notes : item.id === id ? item.notes.concat(note) : item.notes
    }))
}

const result = addNoteById('foo', 3)

console.log(result)

answered Aug 30, 2019 at 18:58

Dupocas

21.5k7 gold badges44 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amit Over a year ago

I can not write this way like let returnData; returnData = sampleArr.map(item =>{ ...item, notes : item.id === id ? item.notes.concat(note) : item.notes })

Code Maniac Over a year ago

@Pintu you need to wrap return value by (), i.e sampleArr.map(item => ({...

Code Maniac · Accepted Answer · 2019-08-30 18:58:10Z

2

You can create a function which search element based on id and update value

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'))

answered Aug 30, 2019 at 18:58

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to add items into specific Id using the react array map method

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related