Javascript通过对象的属性更新数组的对象

Question

我有一组人员对象，我想更新其中一个对象。

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

我的功能是：

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

传递的参数是我要更新的人的id，propName是person对象的属性，可以是id，name或age，value是值我想换成。

我想通过它的 id 找到一个对象并只更新数组的这个对象。

updatePersonsWith(2, age, 16)

结果是：

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

可以是 ES6 或使用 lodash。

Answer 1

试试：

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

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

工作示例：

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

Answer 2

你可以用这个：

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)

Answer 3

使用lodash，你可以做喜欢，

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