是否可以使用reduce而不是filter和map？[重复]

Question

我从对象和对象数组中更改了一个对象两次，这样在第一次迭代中，我过滤掉了几个对象，在第二次迭代中，我使用map更改了每个过滤后的对象。我能用减速机或更好的吗？

  const originalTree = html.parse(text);

  if (originalTree[0].type === 'text') {
    return text;
  }
  const result = originalTree
    .map((obj) => ({
      ...obj,
      children: obj.children.filter((el) => el.name !== 'style'),
    }))
    .map((obj) => ({
      ...obj,
      children: obj.children.map(function(child) {
        child.attrs = {};
        return child;
      }),
    }));

  return html.stringify(result);
}

Answer 1

这里有一种方法可以循环使用一个originalTree。map（），也简化了孩子的。过滤器（）。映射（）链到子对象。flatMap（）调用：

const result = originalTree.map(
  obj => ({
    ...obj,
    children: obj.children.flatMap(
      el => el.name !== 'style'
        ? [{ ...el, attrs: {} }]
        : []
    )
  })
);

如果你想继续在obj.children上分别使用Filter（）和map（），我建议至少添加attrs而不是修改现有的引用：

const result = originalTree.map(
  obj => ({
    ...obj,
    children: obj.children.filter(
      el => el.name !== 'style'
    ).map(
      child => ({ ...child, attrs: {} })
    )
  })
);