与 map 函数相比，使用 JavaScript reduce 的优势

Question

当然，有很多问题可以比较 JavaScript 的reduce函数和map函数。 但是我的问题与我的问题完全相关，我应该根据条件更改集合中的项目，我可以用两种方式编写，使用map或使用reduce ：

// using map function

const formGroupModifierToMultiSelectLocation = (groups: Object[]) =>
  groups.map(({ components: cs, ...other }) => ({
    components: cs.map(({ type, ...rest }) => ({
      multiple: type === 'location',
      type,
      ...rest,
    })),
    ...other,
  }));

// using reduce function

const formGroupModifierToMultiSelectLocation = (groups: Object[]) =>
  groups.reduce(
    (acc, { components: cs, ...other }) => [
      ...acc,
      {
        components: cs.map(({ type, ...rest }) => ({
          multiple: type === 'location',
          type,
          ...rest,
        })),
        ...other,
      },
    ],

我更喜欢使用map因为它比reduce更具可读性。 我不知道，也许就我而言，使用reduce有一些我不知道的优势。 在代码审查中，审查者建议我使用reduce而不是map 。 我没有理由更改我的代码。

实际问题：在我的情况下，与 map 函数相比，使用 JavaScript reduce 的优势是什么？

Answer 1

如果要将数组转换为对象， reduce会很有帮助。 如果您只想修改一个数组，那么map就可以正常工作。

例如，考虑要删除某个键的数据对象。

const data = {
    a: 'x',
    b: 'y',
    c: 'z',
}

Object.keys(data).filter((item) => item !== 'b').reduce((carry, item) => ({
    ...carry,
    [item]: data[item],
}), {})