Add or replace into array of objects in javascript

Question

How do I add or replace into existing array of objects. Lets say I have existing array like this:

productOffer.view = [
  {id: 1, name: "john"},
  {id: 2, name: "Sam"}
]

productOffer.view.forEach(function(el,i){
    if(el.id == productOffer.createId){
        productOffer.view[i] = ajaxCall.responseJSON
    } else {
        productOffer.view.push(ajaxCall.responseJSON);
    }
});

Tried the following but the values are getting replaced instead of adding:

productOffer.hashedArr = productOffer.hash(productOffer.view);
productOffer.view.forEach(function(el,i){
    if(el.id == productOffer.createId){
        productOffer.hashedArr[i] = ajaxCall.responseJSON
    } else {
        productOffer.hashedArr[i] = el;
    }
});

for(var key in productOffer.hashedArr){
    productOffer.view = [];
    productOffer.view.push(productOffer.hashedArr[key]);
}


hash: function(arr){
    var arrIndex = Object.create(null);
    arr.forEach(function(el){
        arrIndex[el.id] = el;
    });
    console.log('hash ', arrIndex);
    return arrIndex;
},

If you can use a library, i suggest you to test lodash: lodash.com It can help you working with arrays, collections and objects. — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Jul 31, 2017 at 9:20
I disagree, LoDash becomes pretty much useless when you master .filter, .map and other pretty powerful methods JS arrays have out of the box. — Jeremy Thille
– Jeremy Thille, Commented Jul 31, 2017 at 9:21
i dont understand what you are trying to do. Do you want to add something to the object in the array, or do you want to add in the array? — kkica
– kkica, Commented Jul 31, 2017 at 9:21

Nenad Vracar · Accepted Answer · 2017-07-31 09:42:33Z

1

You can use findIndex() to check if object with same id exists in array and if it does replace it with new object or if it doesn't push new object to array.

var arr = [
  {id: 1, name: "john"},
  {id: 2, name: "Sam"}
]

function addOrReplace(data, obj) {
  var i = data.findIndex(function(e) {
    return e.id == obj.id;
  });

  i != -1 ? data[i] = obj : data.push(obj);
  return data;
}

console.log(addOrReplace(arr, {id: 1, name: "lorem"}))
console.log(addOrReplace(arr, {id: 3, name: "ipsum"}))

edited Jul 31, 2017 at 9:42

answered Jul 31, 2017 at 9:31

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

2 Comments

kittu Over a year ago

Could you please show this var i = data.findIndex(e => e.id == obj.id); in simple js

kittu Over a year ago

Thanks for introducing findIndex() but what is wrong with my hashing function?

Collectives™ on Stack Overflow

Add or replace into array of objects in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related