我有一个字符串,比如Hello world我需要替换索引3处的char。如何通过指定索引替换字符?

var str = "hello world";

我需要这样的东西

str.replaceAt(0,"h");

当前回答

概括Afanasii Kurakin的回答,我们有:

函数替换(str, index, ch) { 返回str.replace(/。/g, (c, i) => i == index ?Ch: c); } let str = 'Hello World'; str = replacat (str, 1, 'u'); console.log (str);// hello World

让我们展开并解释正则表达式和replace函数:

函数replace (str, index, newChar) { 函数替换符(origChar, strIndex) { if (strIndex === index) 返回newChar; 其他的 返回origChar; } 返回str.replace(/。/ g,替代者); } let str = 'Hello World'; str = replacat (str, 1, 'u'); console.log (str);// hello World

正则表达式。恰好匹配一个字符。g使它匹配for循环中的每个字符。给定原始字符和该字符在字符串中位置的下标,将调用replacement函数。我们用一个简单的if语句来决定返回的是origChar还是newChar。

其他回答

这里的方法很复杂。 我会这样做:

var myString = "this is my string";
myString = myString.replace(myString.charAt(number goes here), "insert replacement here");

这很简单。

您可以使用子字符串函数在目标索引之前和目标索引之后首先选择文本,然后与您潜在的字符或字符串进行连接。这个更好

const myString = "Hello world";
const index = 3;
const stringBeforeIndex = myString.substring(0, index);
const stringAfterIndex = myString.substring(index + 1);
const replaceChar = "X";
myString = stringBeforeIndex + replaceChar + stringAfterIndex;
console.log("New string - ", myString)

or

const myString = "Hello world";
let index = 3;
myString =  myString.substring(0, index) + "X" + myString.substring(index + 1);

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

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

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

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

下面是我想出的一个版本,如果你想在react/javascript的索引中设置单词或单个字符的样式。

replaceAt( yourArrayOfIndexes, yourString/orArrayOfStrings ) 

工作示例:https://codesandbox.io/s/ov7zxp9mjq

function replaceAt(indexArray, [...string]) {
    const replaceValue = i => string[i] = <b>{string[i]}</b>;
    indexArray.forEach(replaceValue);
    return string;
}

这是另一种方法

function replaceAt(indexArray, [...string]) {
    const startTag = '<b>';
    const endTag = '</b>';
    const tagLetter = i => string.splice(i, 1, startTag + string[i] + endTag);
    indexArray.forEach(tagLetter);
    return string.join('');
}

和另一个……

function replaceAt(indexArray, [...string]) {
    for (let i = 0; i < indexArray.length; i++) {
        string = Object.assign(string, {
          [indexArray[i]]: <b>{string[indexArray[i]]}</b>
        });
    }
    return string;
}