如何在JavaScript中按指定索引位置替换字符串内容

错误原因 #

你原有实现的问题在于，拼接后半段原字符串时，用替换内容的长度作为偏移量，相当于按照新内容的长度删除原字符串的对应数量字符，不符合你仅替换索引位置单个原字符、保留后续所有内容的需求。

正确实现 #

基础版（固定替换索引位置的1个原字符，匹配你的预期要求） #

String.prototype.replaceAt = function(index, replacement) {
    // 索引越界时直接返回原字符串
    if (index < 0 || index >= this.length) return this.valueOf();
    return this.slice(0, index) + replacement + this.slice(index + 1);
}

测试验证 #

var toReplace = "!!";
var testStr = "Hello World";

// 场景1：替换索引5的字符
console.log(testStr.replaceAt(5, toReplace)); // 输出 "Hello!!World"
// 场景2：替换索引2的字符
console.log(testStr.replaceAt(2, toReplace)); // 输出 "He!!lo World"

增强版（支持自定义要替换的原字符数量） #

如果后续需要灵活调整从索引开始要替换的原字符个数，可以新增第三个参数控制：

// replaceCount 为要替换的原字符数量，默认值为1
String.prototype.replaceAt = function(index, replacement, replaceCount = 1) {
    if (index < 0 || index >= this.length) return this.valueOf();
    // 校验替换数量避免越界
    replaceCount = Math.max(0, Math.min(replaceCount, this.length - index));
    return this.slice(0, index) + replacement + this.slice(index + replaceCount);
}

内容的提问来源于stack exchange，提问作者アリ・ナディム