Question

我尝试使用缩小版或地图，但有时候我会成为菜鸟。

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

/basic/alphabets

但我总是得到：

未捕获的TypeError：无法读取属性＆＃39;符号（Symbol.iterator）＆＃39; 未定义的

我搜索了很多，但这些例子并没有帮助我...我认为这很简单，但1小时后，我什么都没有。

我想要的......

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

Answer 1

您可以使用Object.assign和spread syntax ...。

＆＃13;

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(Object.assign({}, ...obj));

＆＃13;

Array#reduce

＆＃13;

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(obj.reduce((r, o) => Object.assign(r, o), {}));

＆＃13;

没有Object.assign

＆＃13;

var obj = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(obj.reduce((r, o) => (Object.entries(o).forEach(([k, v]) => r[k] = v), r), {}));

＆＃13;

ES5

＆＃13;

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;
}, {}));

＆＃13;

Answer 2

如果你想使用reduce：

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

var result = arr.reduce((obj, item) => Object.assign(obj, item), {});

在有疑问时检查MDN documentation。

Answer 3

您可以使用reduce

以下列方式执行此操作

＆＃13;

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

＆＃13;

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

3 个答案: