从JavaScript迁移到TypeScript时，实现指定索引字符替换的问题

数据老陈

2026-8-18

解决TypeScript中String.replaceAt不存在的问题

方案1：直接实现替换逻辑（推荐）

不需要扩展String原型，用原生slice方法就能快速实现需求，避免原型扩展可能带来的冲突问题：

const originalStr = "103456";
let targetStr: string;

if (originalStr[1] === "0") {
  // 截取索引0到1的部分 + 替换字符 + 截取索引2之后的部分
  targetStr = originalStr.slice(0, 1) + "2" + originalStr.slice(2);
} else {
  targetStr = originalStr;
}

console.log(targetStr); // 输出 "123456"

方案2：正确扩展String原型让TS识别

如果你坚持要使用replaceAt方法，需要正确给String类型扩展全局接口，并实现方法：

声明全局接口（如果在模块文件中，必须包裹在declare global内）：

declare global {
  interface String {
    /**
     * 替换字符串指定索引位置的字符
     * @param index 要替换的索引（需在0到字符串长度-1范围内）
     * @param replacement 替换的字符/字符串
     */
    replaceAt(index: number, replacement: string): string;
  }
}

实现replaceAt方法：

String.prototype.replaceAt = function(index: number, replacement: string): string {
  // 处理索引越界情况
  if (index < 0 || index >= this.length) {
    return this.toString();
  }
  return this.slice(0, index) + replacement + this.slice(index + 1);
};

使用示例：

const originalStr = "103456";
const targetStr = originalStr[1] === "0" ? originalStr.replaceAt(1, "2") : originalStr;

console.log(targetStr); // 输出 "123456"