javascript - forEach 与扩展运算符返回未定义

Question

我有一个这种类型的对象数组:

[{id: "somethin%g", apple: "dfgdf efd"}, ...]

我想替换 key = id 值中的一些特殊字符，而不更改对象的任何其他内容。

所以上面的例子，一定是:

[{id: "something", apple: "dfgdf efd"}, ...]

我尝试这个功能:

function removeSpecialCharacters(metadata) {
  const result = metadata.forEach(datum => {
    const cleanId = datum.id.replace(/[.|&;$%@%"<>+]/g, '')
    return { ...datum, id: cleanId }
  })
  console.log(result)
  return result
}

我得到结果=未定义。为什么？

Answer 1

您必须将 forEach 替换为 map。 forEach 不返回数组。它只是运行循环的内容并丢弃结果。而 map 将创建第二个数组并用映射的内容填充它。

function removeSpecialCharacters(metadata) {
  const result = metadata.map(datum => {
    const cleanId = datum.id.replace(/[.|&;$%@%"<>+]/g, '')
    return { ...datum, id: cleanId }
  })
  return result
}

const data = [{id: "somethin%g", apple: "dfgdf efd"}];
console.log(removeSpecialCharacters(data));

这是一种更简短的方法:

function removeSpecialCharacters(metadata) {
  return metadata.map(datum =>
    ({ ...datum, id: datum.id.replace(/[.|&;$%@%"<>+]/g, '') })
  )
}

const data = [{id: "somethin%g", apple: "dfgdf efd"}];
console.log(removeSpecialCharacters(data));

请参阅doc on map和 forEach在 MDN 上。