ES6扩展到合并数组中的对象

Question

如何将数组中的对象与ES6扩展运算符合并？假设我们有这样的对象：

    let arr = [{ a: 1, b: true }, { c: "val", d: null }];

这个物体的结果是：

    { a: 1, b: true, c: "val", d: null };

Answer 1

您可以将这些元素扩展到Object.assign中，而无需进一步循环。

​

let arr = [{ a: 1, b: true }, { c: "val", d: null }],
    result = Object.assign({}, ...arr);

console.log(result);

​

Answer 2

有Array.prototype.reduce()函数(医生来了)。

​

let arr = [{ a: 1, b: true }, { c: "val", d: null }];
let obj = arr.reduce((accumulator, current) => ({...accumulator, ...current}), {});
console.log(obj);

​

与往常一样，在从箭头函数返回对象文本时，不要忘记用类似于这个(...)的参数({...accumulator, ...current})包装返回值，以便区分代码块和对象文本(医生来了)。