如果字符串重复，Javascript 替换子字符串将无法正常工作

Question

我对 substring/substr/slice 有一个非常简单的问题。我的代码很复杂所以这里就不贴了，这里是问题的简化版：

例如如何将 text.substring(5, 10) 更改为 "Something"？

text = "HelloHello";

如果我尝试

text = text.replace(text.substring(5,10), "Something");

结果将是“SomethingHello”，因为 text.substring(0, 5) 也是“Hello”，但我想得到“HelloSomething”

slice() 和 substr() 也不行，你能给我一个解决方案吗？

Answer 1

基于下面的cmets，我写了函数replacePartOfText()。

此函数将两个索引（开始，结束）之间的所有文本替换为单词

text = "HelloHello"

function replacePartOfText(text, start, end, word) {
  result = text.substring(0, start) + word + text.substring(end, text.length)

  return result
}

text = replacePartOfText(text, 5, 10, "Something")

console.log(text) // "HelloSomething"

Answer 2

为什么不使用splice 而不是所有这些复杂的解决方案？

var chars = "HelloHelloHello Hello HelloHello".split( "" );

chars.splice( 16, 5, "Something" );

alert( chars.join( "" ) );

清晰的功能、可读性和可维护性永远是赢家，这几乎是显而易见的。

Answer 3

var text = "HelloHelloMahamadali.It is working now.";
var textbefore = text.substring(0,5);
var textafter = text.substring(5,text.length);
var texttoreplace = "Hello";
text = textbefore + textafter.replace(texttoreplace, "Something");
alert(text);

请使用以上一种逻辑，希望对您有所帮助。谢谢。欢迎发表评论。

Answer 4

首先，让它工作：

为了满足这个需求：

"如何替换字符text[a]和text[b]之间的字符串"

function replaceStringPortion(text, start, end, replacement, trim) {
  text = !!trim ? text.trim() : text;
  var fragments = [
    text.substr(0, start),
    text.substr(start, end - start + 1),
    text.substr(end + 1, text.length)
  ];
  fragments[1] = replacement;
  return fragments.join('');
}

但是，为了满足您所描述的需求（替换 a 和 b 之间的文本部分）：

function replaceAfterStringPortion(text, start, end, replacement, trim) {
  text = !!trim ? text.trim() : text;
  var fragments = [
    text.substr(0, start),
    text.substr(start, end - start + 1),
    text.substr(end + 1, text.length)
  ];
  fragments[2] = replacement;
  return fragments.join('');
}

---

其次，.substr() 和 .replace() 工作得很好。原因如下：

如果你嵌套你的表达式命令可能会更清楚：

text = text.replace(
    text.substring(5,10), // Returns "Hello"
  "Something"
);

那么你在做什么，按照这个顺序：

1. text.substring(5,10) 返回 "Hello"
2. text.replace("Hello", "Something"); 正如预期的那样，返回 "SomethingHello"

这是预期的，因为 .replace() 替换了您传递的字符串或模式的第一次出现：

str.replace(regexp|substr, newSubStr|function)

...

substr（模式）

要被 newSubStr 替换的字符串。它被视为逐字字符串，不被解释为常规字符串 表达。只会替换第一个匹配项。

• MDN Documentation