function dothis() { var x = document.getElementById("x").value; var index = document.getElementById("index").value; var text = document.getElementById("text").value; var length = document.getElementById("length").value; var arr = x.split(""); arr.splice(index, length, text); var result = arr.join(""); document.getElementById('output').innerHTML = result; console.log(result); } dothis(); <input id="x" type="text" value="White Dog" placeholder="Enter Text" /> <input id="index" type="number" min="0"value="6" style="width:50px" placeholder="index" /> <input id="length" type="number" min="0"value="1" style="width:50px" placeholder="length" /> <input id="text" type="text" value="F" placeholder="New character" /> <br> <button id="submit" onclick="dothis()">Run</button> <p id="output"></p>

此方法适用于较小长度的字符串，但对于较大的文本可能很慢。

var x = "White Dog";
var arr = x.split(""); // ["W", "h", "i", "t", "e", " ", "D", "o", "g"]
arr.splice(6, 1, 'F');

/* 
  Here 6 is starting index and 1 is no. of array elements to remove and 
  final argument 'F' is the new character to be inserted. 
*/
var result = arr.join(""); // "White Fog"

下面是我使用三元和映射操作符的解决方案。如果你问我，我觉得可读性更强，更易维护，更容易理解。

它更注重es6和最佳实践。

函数替换At（） { const replaceAt = document.getElementById（'replaceAt'）.value; const str = 'ThisIsATestStringToReplaceCharAtSomePosition'; const newStr = Array.from（str）.map（（character， charIndex） => charIndex === （replaceAt - 1） ？'' ： 字符）.join（''）; console.log（'New string： ${newStr}'）; } <input type=“number” id=“replaceAt” min=“1” max=“44” oninput=“replaceAt（）”/>

这里有很多答案，它们都基于两种方法:

METHOD1:使用两个子字符串分割字符串，并在它们之间填充字符 将字符串转换为字符数组，替换一个数组成员并加入它

就我个人而言，我会在不同的情况下使用这两种方法。让我解释一下。

@FabioPhms:你的方法是我最初使用的方法，我担心它对有很多字符的字符串不好。然而，问题是什么是很多角色?我测试了10个“lorem ipsum”段落，只花了几毫秒。然后我在10倍大的弦上测试了它——真的没有太大的区别。嗯。

@vsync， @科里·马沃特:你的评论很明确;但是，什么是大字符串呢?我同意对于32…100kb的性能应该更好，应该使用substring-variant来进行字符替换操作。

但如果我不得不做很多替换怎么办?

我需要执行自己的测试，以证明在这种情况下什么更快。假设我们有一个算法，可以操作一个由1000个字符组成的相对较短的字符串。我们期望该字符串中的每个字符平均将被替换约100次。所以，测试这样东西的代码是:

var str = "... {A LARGE STRING HERE} ...";

for(var i=0; i<100000; i++)
{
  var n = '' + Math.floor(Math.random() * 10);
  var p = Math.floor(Math.random() * 1000);
  // replace character *n* on position *p*
}

我为此做了一把小提琴，就在这里。 有两个测试，TEST1(子字符串)和TEST2(数组转换)。

结果:

TEST1: 195毫秒 女士TEST2: 6

似乎数组转换比子字符串强2个数量级!那么，这里到底发生了什么??

实际上发生的是TEST2中的所有操作都是在数组本身上完成的，使用strarr2[p] = n这样的赋值表达式。与大字符串上的substring相比，赋值非常快，而且很明显它会赢。

所以，关键是要为工作选择合适的工具。一次。

你可以试试

var strArr = str.split("");

strArr[0] = 'h';

str = strArr.join("");

function dothis() { var x = document.getElementById("x").value; var index = document.getElementById("index").value; var text = document.getElementById("text").value; var length = document.getElementById("length").value; var arr = x.split(""); arr.splice(index, length, text); var result = arr.join(""); document.getElementById('output').innerHTML = result; console.log(result); } dothis(); <input id="x" type="text" value="White Dog" placeholder="Enter Text" /> <input id="index" type="number" min="0"value="6" style="width:50px" placeholder="index" /> <input id="length" type="number" min="0"value="1" style="width:50px" placeholder="length" /> <input id="text" type="text" value="F" placeholder="New character" /> <br> <button id="submit" onclick="dothis()">Run</button> <p id="output"></p>

此方法适用于较小长度的字符串，但对于较大的文本可能很慢。

var x = "White Dog";
var arr = x.split(""); // ["W", "h", "i", "t", "e", " ", "D", "o", "g"]
arr.splice(6, 1, 'F');

/* 
  Here 6 is starting index and 1 is no. of array elements to remove and 
  final argument 'F' is the new character to be inserted. 
*/
var result = arr.join(""); // "White Fog"

在Javascript中，字符串是不可变的，所以你必须这样做

var x = "Hello world"
x = x.substring(0, i) + 'h' + x.substring(i+1);

用'h'替换x在i处的字符