将一组对象传播到一个父对象中

Question

有没有一种简单的方法可以使用 spread ...运算符将对象数组与另一个对象组合以创建单个对象？ 这个例子显示了我想要完成的事情：

const arrayOfObjects = [
  { x: 'foo' },
  { y: 'bar' }
];

const obj = {
  hello: 'world'
};

我正在寻找的输出如下：

{
  x: 'foo',
  y: 'bar',
  hello: 'world'
}

我已经尝试了以下内容，但并没有完全给出预期的输出。

{
  hello: 'world'
  ...arrayOfObjects
}

// Gives
{
  0: { x: 'foo' },
  1: { y: 'bar' },
  hello: 'world'
};

是否可以巧妙地使用扩展运算符来做到这一点？

Answer 1

您可以使用带有扩展语法的Object.assign() ...

 const arrayOfObjects = [{ x: 'foo' }, { y: 'bar' }]; const obj = { hello: 'world' }; var result = Object.assign({}, obj, ...arrayOfObjects); console.log(result)

Answer 2

你可以使用 Object.assign();

Object.assign(obj, ...arrayOfObjects)

此选项将改变对象 obj 而不是创建新实例。

Answer 3

Object.assign很棒，我想出了另一种可能的解决方案，为喜欢使用它的人使用reduce

const arrayOfObjects = [
  { x: 'foo' },
  { y: 'bar' }
];

const obj = {
  hello: 'world'
};

let result = arrayOfObjects.reduce((prev, current) => ({
        ...prev,
        ...current
    }), obj)

console.log(result);
// {hello: "world", x: "foo", y: "bar"}