数组过滤和对象转换：什么是最快的以及其他哪些考虑因素很重要？

Question

假设我需要将数组转换为对象，并在此过程中进行一些过滤。

我有两种方法，一种使用可链接的函数方法，例如 .map、.filter 和 .reduce，另一种使用老式的 for-loop 循环遍历数组并改变对象。

功能方式：

const output = fields
    .filter(field => field.required)
    .map(field => field.name)
    .reduce((acc, cur, i) => {
      acc[cur] = false;
      return acc;
    }, {});

老派for-loop方式：

let output2 = {};
for (var i = 0; i < fields.length; i++) {
  if (fields[i].required) {
    output2[fields[i].name] = false;
  }
}

我更喜欢函数式方法，因为我认为它可以带来更好的可读性代码。然而，我很惊讶（也有点失望）得知功能性方法始终比非功能性的老派for-loop 转换方式慢。请找the JSBench here。

我认为这里可能有几件事：

1. 我是个白痴，我的实现有缺陷，可以优化。
2. “JSBench 并不是衡量性能的最佳方法。工具 X、Y、Z 是衡量性能的更好方法”
3. “函数式方法的性能损失是值得的，因为您可以使用 const，它具有其他有益方面，例如（半）不变性。”

有人愿意称重吗？

您可以在 JSBench 链接中找到我正在使用的测试数组。

Answer 1

“filter map reduce”循环同一个数组 3 次。 所以一个 for 循环总是更快。 但减少它自己的作品很好

    const output = fields
    .reduce((acc, cur, i) => {
      if(cur.required){
        acc[cur.name] = false;
      }
      return acc;
    }, {});

Answer 2

另一种功能性方式，可能快三倍：

const output = fields
.reduce((acc, cur) => {
  if(curr.required) acc[cur.name] = false;
  return acc;
}, {});

而且你也可以使用地图（以后会有更好的表现）：

const output=new Map(fields.map(el=>el.required?[el.name,false]:[0,false]));
output.delete(0);

Answer 3

您可以考虑将Object.assign 与Array#map 和spread syntax ... 结合使用。

const output = Object.assign({}, ...fields.map(o => (o.required && { [o.name]: false })));