如何扩展JavaScript数组，为每个元素生成后缀数值递增的多个项

嘿，这个需求很清晰，我给你两种实现思路，第一种完全贴合你的示例场景，第二种是更通用的扩展方案～

方案一：针对固定生成0-2后缀的场景 #

如果你的需求就是不管原数组元素的后缀是什么，都基于前缀生成0、1、2三个后缀的元素，那可以用flatMap配合字符串处理来快速实现：

const fruitsGroups = ["apple0", "banana0", "pear0"];
const expandedFruits = fruitsGroups.flatMap(fruitItem => {
  // 提取元素的前缀部分（去掉末尾所有数字）
  const fruitPrefix = fruitItem.replace(/\d+$/, '');
  // 生成0、1、2对应的新元素
  return [0, 1, 2].map(num => `${fruitPrefix}${num}`);
});

console.log(expandedFruits);
// 输出结果：["apple0", "apple1", "apple2", "banana0", "banana1", "banana2", "pear0", "pear1", "pear2"]

代码解释： #

• flatMap：它先对数组每个元素执行映射操作，再将所有子数组扁平化合并成一个新数组，完美适配“一个元素生成多个元素”的场景，比先用map再用flat更简洁。
• replace(/\d+$/, '')：用正则匹配字符串末尾的所有数字，替换为空字符串，快速提取出水果名称前缀（比如apple0变成apple）。
• 最后通过map遍历[0,1,2]，把前缀和数字拼接成目标字符串。

方案二：基于原后缀数字递增的通用场景 #

如果以后你的需求变成要从原元素的后缀数字开始递增（比如原元素是apple2，要生成apple2、apple3、apple4），可以用正则捕获前缀和原数字，再生成递增序列：

const fruitsGroups = ["apple2", "banana0", "pear1"];
const expandedFruits = fruitsGroups.flatMap(fruitItem => {
  // 用正则捕获前缀和末尾的数字
  const matchResult = fruitItem.match(/([a-zA-Z]+)(\d+)/);
  // 处理不符合格式的元素（比如没有后缀数字的情况）
  if (!matchResult) return [fruitItem];
  
  const fruitPrefix = matchResult[1];
  const startNum = parseInt(matchResult[2], 10);
  // 生成从原数字开始的三个递增元素
  return [startNum, startNum + 1, startNum + 2].map(num => `${fruitPrefix}${num}`);
});

console.log(expandedFruits);
// 输出结果：["apple2", "apple3", "apple4", "banana0", "banana1", "banana2", "pear1", "pear2", "pear3"]

这个方案更灵活，能处理原后缀不是0的情况，还兼容不符合格式的元素（直接保留原元素）。

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