如何在JavaScript中替换特定索引中的字符?

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

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相比，赋值非常快，而且很明显它会赢。

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

2013-07-19 13:52:52

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"

2017-05-15 19:29:07

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

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

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

2009-09-16 05:32:51

我这样做是为了使字符串正确的大小写，也就是说，第一个字母是大写的，其余的都是小写的:

function toProperCase(someString){
    
    return someString.charAt(0).toUpperCase().concat(someString.toLowerCase().substring(1,someString.length));
    
};

首先要做的是确保所有的字符串都是小写的- someString.toLowerCase()

然后它将第一个字符转换为大写字符-someString.charAt(0)。

然后它取剩下的字符串减去第一个字符的子字符串-someString.toLowerCase().substring(1,someString.length))

然后它将两者连接起来并返回新的字符串-someString.charAt(0).toUpperCase().concat(someString.toLowerCase().substring(1,someString.length))

可以为替换字符索引和替换字符添加新的参数，然后形成两个子字符串，替换被索引的字符，然后以大致相同的方式连接。

2022-08-18 19:49:56

在JavaScript中，字符串是不可变的，这意味着您所能做的最好的事情就是用更改后的内容创建一个新的字符串，并将变量赋值指向它。

你需要自己定义replace()函数:

String.prototype.replaceAt = function(index, replacement) {
    return this.substring(0, index) + replacement + this.substring(index + replacement.length);
}

像这样使用它:

var hello = "Hello World";
alert(hello.replaceAt(2, "!!")); // He!!o World

2009-09-16 05:29:21