JavaScript将对象数组减少到对象字典

时间:2016-06-08 15:12:22

标签: javascript ecmascript-6

我已经在SO上阅读了answer,试图了解我哪里出错了,但还没到达那里。

我有这个功能:

get() {
    var result = {};

    this.filters.forEach(filter => result[filter.name] = filter.value);

    return result;
}

它变成了这个:

[
    { name: "Some", value: "20160608" }
]

对此:

{ Some: "20160608" }

我想,这正是reduce的用途,我有一个数组,我想在它的末尾有一个值。

所以我想这个:

this.filters.reduce((result, filter) => {
    result[filter.name] = filter.value;
    return result;
});

但这不会产生正确的结果。

  

1)我可以在这里使用Reduce吗?

     

2)为什么它不能产生正确的结果。

从我的理解,第一次迭代结果将是一些描述的空对象,但它是数组本身。

那么你将如何在第一次迭代中重新定义 - 这些想法激起了在这种情况下不正确的感觉!

1 个答案:

答案 0 :(得分:14)

将初始值设为对象

this.filters = this.filters.reduce((result, filter) => {
    result[filter.name] = filter.value;
    return result;
},{});
//-^----------- here



var filters = [{
  name: "Some",
  value: "20160608"
}];

filters = filters.reduce((result, filter) => {
  result[filter.name] = filter.value;
  return result;
}, {});

console.log(filters);






var filters = [{
  name: "Some",
  value: "20160608"
}];

filters = filters.reduce((result, {name, value}= filter) => (result[name] = value, result), {});

console.log(filters);