React中如何截取数组每个元素移除开头固定的Ads前缀

你写的代码有两个核心问题：

• 方法选型错误：forEach 的作用是遍历数组，不会收集回调函数的返回值来生成新数组，哪怕你回调里写了返回逻辑，也拿不到处理后的结果数组。
• 箭头函数语法错误：箭头函数如果要在函数体内使用return语句，必须用大括号{}把函数逻辑包裹起来；你当前的写法没有加大括号，直接写return会触发语法解析报错，代码根本跑不起来。

要实现批量处理数组每个元素、返回新数组的需求，应该用map方法，它会遍历原数组的所有元素，将回调的返回值按顺序收集为新数组，代码非常简洁：

const originArr = ['AdsAyush', 'AdsFace', 'AdsKicks', 'AdsMac'];
const resultArr = originArr.map(item => item.slice(3));
console.log(resultArr) // 输出: ['Ayush', 'Face', 'Kicks', 'Mac']

如果要做容错处理，避免数组里混入开头不是Ads、或者长度不足3的元素时出现误切，可以用正则匹配仅移除开头的Ads前缀，逻辑更严谨：

const resultArr = originArr.map(item => item.replace(/^Ads/, ''));

如果你一定要用forEach实现，需要自己手动声明空数组，遍历过程中把处理后的元素push进去，写法比map繁琐，不推荐：

const originArr = ['AdsAyush', 'AdsFace', 'AdsKicks', 'AdsMac'];
const resultArr = [];
originArr.forEach(item => {
  resultArr.push(item.slice(3))
})

内容的提问来源于stack exchange，提问作者Ayush