I have an array of person objects and I want to update one of object in place.

persons: [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 13
    }, {
    id: '3',
    name: 'David',
    age: 14
}]

The function I have is:

function updatePersonsWith(id, propName, value) {
   this.persons.???
}

The arguments passed are id of the person I want to update, propName is the properties of person object, can be id, name or age, value is the value I want to replace with.

I want to find an object by it's id and update only this object of the array.

updatePersonsWith(2, age, 16)

The result would be:

persons: [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 16
    }, {
    id: '3',
    name: 'David',
    age: 14
}]

Could be ES6 or using lodash.

I have an array of person objects and I want to update one of object in place.

persons: [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 13
    }, {
    id: '3',
    name: 'David',
    age: 14
}]

The function I have is:

function updatePersonsWith(id, propName, value) {
   this.persons.???
}

The arguments passed are id of the person I want to update, propName is the properties of person object, can be id, name or age, value is the value I want to replace with.

I want to find an object by it's id and update only this object of the array.

updatePersonsWith(2, age, 16)

The result would be:

persons: [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 16
    }, {
    id: '3',
    name: 'David',
    age: 14
}]

Could be ES6 or using lodash.

• javascript
• ecmascript-6
• lodash

• Possible duplicate of How can I update a row in a javascript array based on a key value? – RaR Commented Feb 22, 2017 at 8:59

3 Answers 3

Try:

let person = this.persons.find((person) => {
   return person.id === id;
});

if (person && person[propName]) {
 person[propName] = value;
}

Working example:

var persons = [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 13
    }, {
    id: '3',
    name: 'David',
    age: 14
}];

function update(id, prop, val) {
	var person = persons.find(function(p) {
  	return p.id === id;
  });
  
  if (person && person[prop]) {
  	person[prop] = val;
  }
}

update('1', 'age', 77);

console.log(persons[0].age);

You can use this:

let persons =  [{
    id: '1',
    name: 'John',
    age: 12
    }, {
    id: '2',
    name: 'Tom',
    age: 13
    }, {
    id: '3',
    name: 'David',
    age: 14
}];


function updatePersonsWith(id, propName, value) {
   let item = persons.find((v) => {
      return v.id == id;
   });
   if (item && item.hasOwnProperty(propName)) {
      item[propName] = value;
   }
};

updatePersonsWith(2, 'age', 16);
console.log(persons)

Using lodash, you can do like,

function updatePersonsWith(id, propName, value) {
  var match = _.find(persons , function(person) { return person.id === id });
  if(match)
      match[propName] = value;
}