javascript - 对象分配扩展对象的不可变数组

Question

我想要一个不可变的原始对象数组并扩展一个新的，但似乎下面的代码没有产生正确的结果。 obj3 成为对象而不是对象数组。我什至尝试了 lodash 的扩展。

var obj1 = [{
  abc: 'abc value'
}, {
  def: 'def value'
}];

var obj2 = {
  def: 'new def value'
};

/*var obj3 = _.extend({}, obj1, obj2);
console.log(obj3)
*/

var obj3 = Object.assign({},obj1,obj2);

https://jsbin.com/bawadeqicu/edit?html,js,output

我的愿望输出是

obj1: [{"abc":"abc value"},{"def":"def value"}] // immutable
obj3: [{"abc":"abc value"},{"def":"new def value"}]

Answer 1

不可变

与其传递对象并改变它，不如创建一个全新的对象:

const person = {
  name: 'John',
  age: 28
}
const newPerson = Object.assign({}, person, {
  age: 30
})
console.log(newPerson === person) // false
console.log(person) // { name: 'John', age: 28 }
console.log(newPerson) // { name: 'John', age: 30 }

source