Update array based on id Javascript

Question

I want to update he array based on id with some conditions. Conditions were =

 const data1 = [
    { type:"foo", id:"123"},
    { type:"bar", id:"124"},
    ]

const update1 = {type:"bar",id:"123"}
const update2 = {type:"foo", id:"125"}
const update3 = {type:"bar", id:"123"}

console.log(myupdate(data1, update1))

should update the data1 as bellow based on id here the type is changed to bar

data1 = [ { type:"bar", id:"123"},
          { type:"bar", id:"124"}, ]

console.log(myupdate(data1, update2))

here as no item with id 125 exist so it adds a new one

data1 = [ { type:"bar", id:"123"},
          { type:"bar", id:"124"},
          { type:"foo", id:"125"} ]

console.log(myupdate(data1, update3))

here type is not changed so it should return the array as it is.

data1 = [{ type:"bar", id:"123"},
         { type:"bar", id:"124"},
         { type:"foo", id:"125"}
]

I have tried this code but it doesn't work

const myupdate = (arr, element) => {
arr.map((item)=>{
console.log(item, "ele",element)
 if(item.id != element.id){
  arr.push(element)
  return
 }
 if(item.id === element.id && item.type === element.type){
 return
 }
 if(item.id === element.id && item.type != element.type){
  arr.filter(item => item !== element).push(element)
  return
 }
})
}

You don't return anything from your function so console.log() will always log undefined (the default return value of a function). You are also mutating the array passed as a parameter rather than returning a new array. — pilchard
– pilchard, Commented Jul 20, 2021 at 11:41

ssc-hrep3 · Accepted Answer · 2021-07-20 11:43:00Z

2

You need to look through the array and find the correct item. If there is no item with the specified requirement, you'll add a new one. Here is an example:

const data = [
  { type: "foo", id: "123"},
  { type: "bar", id: "124"},
]

const update = (data, value) => {
  console.log('Updating/Inserting', value);
  const existingItem = data.find(item => item.id === value.id);
  if (existingItem === undefined) {
    data.push(value);
  } else {
    existingItem.type = value.type;
  }
}

console.log('before', data);
update(data, {type:"bar",id:"123"});
console.log(data);
update(data, {type:"foo", id:"125"});
console.log(data);
update(data, {type:"bar", id:"123"});
console.log(data);

answered Jul 20, 2021 at 11:43

ssc-hrep3

16.3k8 gold badges51 silver badges96 bronze badges

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

Collectives™ on Stack Overflow

Update array based on id Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related