javascript - 热门使用reduce将对象数组转换为单个对象

Question

我正在尝试使用 reduce 或 map，但有时我是菜鸟。

我正在尝试使用此函数从对象返回单个数组。

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];
    var result = obj.reduce((obj, item) => [item.key] = item.value);
    console.log(result);

但我总是得到:

Uncaught TypeError: Cannot read property 'Symbol(Symbol.iterator)' of undefined

我搜索了很多，但示例对我没有帮助...我认为这很简单，但 1 小时后，我一无所获。

我想要什么..

[{a: 1}, {b: 2}, {c: 3}] to {a: 1, b: 2, c: 3}

Answer 1

你可以使用 Object.assign和 spread syntax ... .

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(Object.assign({}, ...obj));

与 Array#reduce

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(obj.reduce((r, o) => Object.assign(r, o), {}));

没有Object.assign

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(obj.reduce((r, o) => (Object.entries(o).forEach(([k, v]) => r[k] = v), r), {}));

ES5

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(obj.reduce(function (r, o) {
    Object.keys(o).forEach(function (k) {
        r[k] = o[k];
    });
    return r;
}, {}));