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

Question

我有一个字符串,让我们说Hello world,我需要在索引3处替换char.如何通过指定索引来替换char？

var str = "hello world";

我需要类似的东西

str.replaceAt(0,"h");

Answer 1

在JavaScript中,字符串是不可变的,这意味着您可以做的最好的事情是创建一个包含更改内容的新字符串,并指定变量指向它.

您需要自己定义该replaceAt()功能:

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

并像这样使用它:

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

Answer 2

replaceAtJavaScript中没有任何功能.您可以使用以下代码替换指定位置的任何字符串中的任何字符:

function rep() {
    var str = 'Hello World';
    str = setCharAt(str,4,'a');
    alert(str);
}

function setCharAt(str,index,chr) {
    if(index > str.length-1) return str;
    return str.substr(0,index) + chr + str.substr(index+1);
}

<button onclick="rep();">click</button>

Answer 3

你不能.取位置前后的字符并连接成一个新字符串:

var s = "Hello world";
var index = 3;
s = s.substr(0, index) + 'x' + s.substr(index + 1);

Answer 4

这里有很多答案,所有答案都基于两种方法:

• 方法1:使用两个子串分割字符串并填充它们之间的字符
• METHOD2:将字符串转换为字符数组,替换一个数组成员并加入它

就个人而言,我会在不同情况下使用这两种方法.让我解释.

@FabioPhms:你的方法是我最初使用的方法,我担心它对很多字符的字符串都很糟糕.然而,问题是很多角色是什么？我在10"lorem ipsum"段落上进行了测试,花了几毫秒.然后我用10倍大的字符串测试它 - 真的没什么大不同.嗯.

@vsync,@ Cory Mawhorter:你的评论是明确的; 然而,再一次,什么是大字符串？我同意,对于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:195ms
• 测试2:6ms

似乎数组转换比子串要好2个数量级!那么 - 到底发生了什么？

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

所以,这就是为工作选择合适的工具.再次.

Answer 5

使用矢量通常最有效地联系String.

我建议以下功能:

String.prototype.replaceAt=function(index, char) {
    var a = this.split("");
    a[index] = char;
    return a.join("");
}

运行此代码段:

String.prototype.replaceAt=function(index, char) {
    var a = this.split("");
    a[index] = char;
    return a.join("");
}

var str = "hello world";
str = str.replaceAt(3, "#");

document.write(str);

Answer 6

在Javascript字符串是不可变的,所以你必须做类似的事情

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

用'h'替换i中x的字符

Answer 7

str = str.split('');
str[3] = 'h';
str = str.join('');

Answer 8

概括 Afanasii Kurakin 的回答，我们有：

function replaceAt(str, index, ch) {
    return str.replace(/./g, (c, i) => i == index ? ch : c);
}

let str = 'Hello World';
str = replaceAt(str, 1, 'u');
console.log(str); // Hullo World

让我们扩展和解释正则表达式和替换函数：

function replaceAt(str, index, newChar) {
    function replacer(origChar, strIndex) {
        if (strIndex === index)
            return newChar;
        else
            return origChar;
    }
    return str.replace(/./g, replacer);
}

let str = 'Hello World';
str = replaceAt(str, 1, 'u');
console.log(str); // Hullo World

正则表达式.正好匹配一个字符。这g使它匹配 for 循环中的每个字符。在replacer给定原始字符和该字符在字符串中的位置的索引的情况下调用该函数。我们做了一个简单的if声明来确定我们是否要返回origChar或newChar。

Answer 9

一线使用String.replace和回调（不支持表情符号）：

// 0 - index to replace, 'f' - replacement string
'dog'.replace(/./g, (c, i) => i == 0? 'f': c)
// "fog"

解释：

//String.replace will call the callback on each pattern match
//in this case - each character
'dog'.replace(/./g, function (character, index) {
   if (index == 0) //we want to replace the first character
     return 'f'
   return character //leaving other characters the same
})

Answer 10

var str = "hello world";
console.log(str);
var arr = [...str];
arr[0] = "H";
str = arr.join("");
console.log(str);

Answer 11

其工作原理类似于Array.splice：

String.prototype.splice = function (i, j, str) {
    return this.substr(0, i) + str + this.substr(j, this.length);
};

Answer 12

function dothis() {
  var x = document.getElementById("x").value;
  var index = document.getElementById("index").value;
  var text = document.getElementById("text").value;
  var arr = x.split("");
  arr.splice(index, 1, 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="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');
var result = arr.join(""); // "White Fog"

/* 
  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. 
*/

Answer 13

你可以试试

var strArr = str.split("");

strArr[0] = 'h';

str = strArr.join("");

Answer 14

使用正则表达式可以轻松实现这一点！

const str = 'Hello RegEx!';
const index = 11;
const replaceWith = 'p';

//'Hello RegEx!'.replace(/^(.{11})(.)/, `$1p`);
str.replace(new RegExp(`^(.{${ index }})(.)`), `$1${ replaceWith }`);

//< "Hello RegExp"

Answer 15

你可以尝试

var strArr = str.split("");

strArr[0] = 'h';

str = strArr.join("");

查看此功能以了解打印步骤

steps(3)
//       '#  '
//       '## '
//       '###'

function steps(n, i = 0, arr = Array(n).fill(' ').join('')) {
  if (i === n) {
    return;
  }

  str = arr.split('');
  str[i] = '#';
  str = str.join('');
  console.log(str);

  steps(n, (i = i + 1), str);
}

Answer 16

使用扩展语法，您可以将字符串转换为数组，在给定位置分配字符，然后转换回字符串：

const str = "hello world";

function replaceAt(s, i, c) {
  const arr = [...s];  // Convert string to array
  arr[i] = c;          // Set char c at pos i
  return arr.join(''); // Back to string
}

// prints "hallo world"
console.log(replaceAt(str, 1, 'a'));