如何将对象与objects.assign结合起来？

Question

我的简单代码

const ob1 = {
  a: 'pokushevski',
  b: '2001',
};

const obj2 = {
  obj1: {},
  c: '1999',
};

const result = Object.assign(ob1, obj2);
console.log(result);
console.log(Object.getOwnPropertyNames(result));

输出

{ a: 'pokushevski', b: '2001', obj1: {}, c: '1999' }
[ 'a', 'b', 'obj1', 'c' ]

结果中的obj1 似乎与任何其他属性一样，没有对const obj1 的任何引用。 为什么？

Answer 1

您现在所做的基本上是将ob1（不带'j'）与obj2（带'j'）合并，因为obj1（带'j'）是@内的一个空对象987654324@，它被添加为结果合并对象的属性。

您还有什么期望，我们可以帮助您实现吗？

也许您实际上打错了字，希望将第一个对象ob1 命名为obj1，然后用作obj2 中的属性，最后合并这两个对象？

如果是这样，你会这样做：

const obj1 = {
  a: 'pokushevski',
  b: '2001',
};

const obj2 = {
  obj1, // shorthand syntax, property will be named the same as the const
  c: '1999',
};

// avoid mutation by using a new object as the target
const result = Object.assign({}, obj1, obj2);

// Display result and property names
console.log(result);
console.log(Object.getOwnPropertyNames(result));

如果您只想在obj2 中添加obj1，则不需要Object.assign

注意什么是可变的

使用上面的代码，每当您更新 result.obj1 属性时，原始的 obj1 都会被修改。尝试更新result.obj1.a 然后console.log(obj1)

如果你想防止这种情况，你可以像这样使用解构：

const obj1 = {
  a: 'pokushevski',
  b: '2001',
};

// Create a shallow copy of `obj1` to prevent mutating the original
// object by updating `obj2.obj1` properties
const obj2 = {
  obj1: {...obj1},
  c: '1999',
};

// Avoid mutating the original `obj1` by using a new object as the target
const result = Object.assign({}, obj1, obj2);

// Display result and property names
console.log(result);
console.log(Object.getOwnPropertyNames(result))

如果您真的想继续使用 Object.assign 而不是解构，您可以将 obj1: {...obj1} 替换为 obj1: Object.assign({}, obj1)

Answer 2

我猜你希望 ob1 在 obj2 中成为 obj1

那么这是一种方法：

const ob1 = {
  a: 'pokushevski',
  b: '2001',
};

const obj2 = {
  obj1: {},
  c: '1999',
};

const result = Object.assign({}, obj2);
Object.assign(result.obj1, ob1);
console.log(result);
console.log(Object.getOwnPropertyNames(result));