JavaScript中如何将数组内带指定前缀的元素替换为对应索引值

问题排查 #

你使用indexOf未得到预期结果的核心原因：Array.indexOf()是用来查找数组中完全匹配的元素首次出现的下标，既无法判断单个字符串是否符合前缀匹配规则，也不能直接关联当前遍历元素的对应索引。

结合你给出的示例，实际生效的匹配规则为：

• 元素为字符串类型
• 以指定前缀开头
• 元素长度大于前缀长度（即仅匹配前缀开头但内容更长的字符串，完全等于前缀的元素不替换）

实现代码 #

标准写法（ES6+） #

使用String.startsWith判断前缀，Array.map遍历数组直接处理：

function replacePrefixMatchWithIndex(arr, prefix) {
  return arr.map((item, index) => {
    if (typeof item === 'string' && item.startsWith(prefix) && item.length > prefix.length) {
      return index;
    }
    return item;
  })
}

// 示例测试
const arrNames = ['john', 'jack', 'johnsmith', 'funjack', 'john'];
// 示例用前缀john测试
console.log(replacePrefixMatchWithIndex(arrNames, 'john')); 
// 输出：['john','jack',2,'funjack','john']

// 业务规则要求的前缀Xyz调用方式
// console.log(replacePrefixMatchWithIndex(你的数组, 'Xyz'));

兼容旧环境写法 #

如果需要兼容不支持startsWith的运行环境，可以用字符串indexOf的正确用法替代，判断前缀是否在字符串的0位置：

function replacePrefixMatchWithIndex(arr, prefix) {
  return arr.map((item, index) => {
    if (typeof item === 'string' && item.indexOf(prefix) === 0 && item.length > prefix.length) {
      return index;
    }
    return item;
  })
}

内容的提问来源于stack exchange，提问作者Divya Kumari Rajan