Add/Replace object from array of objects JavaScript

Question

I want to Add/Replace the object from array of objects by testing some properties against array object

Replace object if name and id matches
Add object to the array if name and id does not match from array objects

I am using below code, its working fine but I am not sure is it a good solution.

let arr = [{name: 'test1', id:1, data: {a:1} }, {name:'test2', id:2, data: {a:2}}]
let obj = {name:'test3', id:3, data: {a:3}}
let itemFound = false;
let newArr = arr.map((item)=>{
  let test = item.name === obj.name && item.id === obj.id;
  if(test){
	itemFound = true;
  }
  return test ? obj : item;
});

if(!itemFound){
	newArr.push(obj);
}
console.log(newArr)

What can be the reason for down-vote. Instead it would be greater help if suggest edit. — Dipak Telangre
– Dipak Telangre, Commented Feb 12, 2018 at 10:32

Nina Scholz · Accepted Answer · 2018-02-12 09:56:15Z

17

You could look for the index and update the array, if found or push the object.

var array = [{ name: 'test1', id: 1, data: { a: 1 } }, { name: 'test2', id: 2, data: { a: 2 } }],
    object = { name: 'test3', id: 3, data: { a: 3 } },
    index = array.findIndex(({ name, id }) => name === object.name && id === object.id);

if (index === -1) {
    array.push(object);
} else {
    array[index] = object;
}

console.log(array);

answered Feb 12, 2018 at 9:56

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Rakibul Haq · Accepted Answer · 2019-03-13 12:02:36Z

1

Wraping @Nina Scholz 's answer in a function

objectReplacer(arrayOfObjects, newObject) {

      let index = arrayOfObjects.findIndex((value) => value === newObject.value);

      if (index === -1) {
        arrayOfObjects.push(newObject);
      } else {
        arrayOfObjects[index] = newObject;
      }
    }

edited Mar 13, 2019 at 12:02

answered Mar 13, 2019 at 11:39

Rakibul Haq

1,39625 silver badges36 bronze badges

Comments

shawon191 · Accepted Answer · 2018-02-12 10:03:45Z

0

You can use Array.prototype.find()

let arr = [{name: 'test1', id:1, data: {a:1} }, {name:'test2', id:2, data: {a:2}}]
let obj = {name:'test3', id:3, data: {a:3}}

const newArr = arr.slice();
const existingObj = newArr.find(item => item.name === obj.name && item.id === obj.id);

if(existingObj) {
    Object.assign(existingObj, obj);
} else {
    newArr.push(obj)
}

console.log(newArr)

answered Feb 12, 2018 at 10:03

shawon191

1,96516 silver badges28 bronze badges

Collectives™ on Stack Overflow

Add/Replace object from array of objects JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related