Javascript Update object of array by attribute of the object

Question

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.

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

lonesomeday · Accepted Answer · 2017-02-22 08:43:12Z

5

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

edited Feb 22, 2017 at 8:43

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

answered Feb 22, 2017 at 8:32

paqash

2,3141 gold badge20 silver badges22 bronze badges

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

Comments

Bartek Fryzowicz · Accepted Answer · 2017-02-22 08:37:00Z

4

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)

answered Feb 22, 2017 at 8:37

Bartek Fryzowicz

6,70420 silver badges29 bronze badges

Comments

RaR · Accepted Answer · 2017-02-22 08:41:53Z

1

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;
}

answered Feb 22, 2017 at 8:41

RaR

3,2433 gold badges29 silver badges49 bronze badges

Collectives™ on Stack Overflow

Javascript Update object of array by attribute of the object

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related