如何在 JavaScript 中执行 str_replace，替换 JavaScript 中的文本？

Question

我想使用 str_replace 或其类似替代方案来替换 JavaScript 中的某些文本。

var text = "this is some sample text that i want to replace";
var new_text = replace_in_javascript("want", "dont want", text);
document.write(new_text);

应该给

this is some sample text that i dont want to replace

如果您要使用正则表达式，那么对性能有何影响 与内置替换方法的比较。

Answer 1

您将使用 replace 方法：

text = text.replace('old', 'new');

显然，第一个参数就是您要查找的内容。它还可以接受正则表达式。

请记住，它不会更改原始字符串。它仅返回新值。

Answer 2

更简单：

city_name=city_name.replace(/ /gi,'_');

用“_”替换所有空格！

Answer 3

所有这些方法都不修改原始值，返回新字符串。

var city_name = 'Some text with spaces';

将第一个空格替换为 _

city_name.replace(' ', '_'); // Returns: "Some_text with spaces" (replaced only 1st match)

使用正则表达式将所有空格替换为 _。如果您需要使用正则表达式，那么我建议使用 https://regex101.com/ 进行测试

city_name.replace(/ /gi,'_');  // Returns: Some_text_with_spaces 

替换 所有空格都带有 _ 不带正则表达式。功能性方式。

city_name.split(' ').join('_');  // Returns: Some_text_with_spaces

Answer 4

你应该写这样的东西：

var text = "this is some sample text that i want to replace";
var new_text = text.replace("want", "dont want");
document.write(new_text);

Answer 5

其他人给你的代码只替换一次出现的情况，而使用正则表达式则替换所有出现的情况（就像 @sorgit 所说）。要将所有“想要”替换为“不想要”，请使用以下代码：

var text = "this is some sample text that i want to replace";
var new_text = text.replace(/want/g, "dont want");
document.write(new_text);

变量“new_text”将导致“这是我不想替换的一些示例文本”。

要获取正则表达式的快速指南，请转到此处：
http://www.cheatography.com/davechild/cheat-sheets/regular-表达式/
要了解有关 str.replace() 的更多信息，请访问此处：
https://developer.mozilla.org/en-US /docs/JavaScript/Reference/Global_Objects/String/replace
祝你好运！

Answer 6

该函数仅替换一次出现..如果您需要替换
多次出现你应该尝试这个功能：
http://phpjs.org/functions/str_replace:527

不一定。
请参阅汉斯·凯斯廷的回答：

city_name = city_name.replace(/ /gi,'_');

Answer 7

使用正则表达式进行字符串替换比使用字符串替换要慢得多。
正如 JSPerf 所示，您可以在创建正则表达式时获得不同级别的效率，但所有这些都比简单的字符串替换慢得多。 正则表达式速度较慢，因为：

固定字符串匹配没有回溯、编译步骤、范围、字符类或许多其他会减慢正则表达式引擎速度的功能。当然有一些方法可以优化正则表达式匹配，但我认为在常见情况下不太可能胜过对字符串进行索引。

对于 JS perf 页面上的简单测试运行，我记录了一些结果：

<script>
// Setup
  var startString = "xxxxxxxxxabcxxxxxxabcxx";
  var endStringRegEx = undefined;
  var endStringString = undefined;
  var endStringRegExNewStr = undefined;
  var endStringRegExNew = undefined;
  var endStringStoredRegEx = undefined;      
  var re = new RegExp("abc", "g");
</script>

<script>
// Tests
  endStringRegEx = startString.replace(/abc/g, "def") // Regex
  endStringString = startString.replace("abc", "def", "g") // String
  endStringRegExNewStr = startString.replace(new RegExp("abc", "g"), "def"); // New Regex String
  endStringRegExNew = startString.replace(new RegExp(/abc/g), "def"); // New Regexp
  endStringStoredRegEx = startString.replace(re, "def") // saved regex
</script>

Chrome 68 的结果如下：

String replace:    9,936,093 operations/sec
Saved regex:       5,725,506 operations/sec
Regex:             5,529,504 operations/sec
New Regex String:  3,571,180 operations/sec
New Regex:         3,224,919 operations/sec

为了回答的完整性（借用评论），值得一提的是 .replace 仅替换匹配字符的第一个实例。只能用 //g 替换所有实例。如果替换多个实例，性能权衡和代码优雅性可能会更差 name.replace(' ', '_').replace(' ', '_').replace(' ', '_' ); 或者更糟 while (name.includes(' ')) { name = name.replace(' ', '_') }

Answer 8

var new_text = text.replace("want", "dont want");

Answer 9

嗯..你检查过replace()吗？

你的代码看起来像这样

var text = "this is some sample text that i want to replace";
var new_text = text.replace("want", "dont want");
document.write(new_text);

Answer 10

JavaScript 有 String 对象的 replace() 方法来替换子字符串。该方法可以有两个参数。第一个参数可以是字符串或正则表达式模式（regExp 对象），第二个参数可以是字符串或函数。下面显示了具有两个字符串参数的 replace() 方法的示例。

var text = 'one, two, three, one, five, one';
var new_text = text.replace('one', 'ten');
console.log(new_text)  //ten, two, three, one, five, one

请注意，如果第一个参数是字符串，则仅替换第一次出现的子字符串，如上例所示。要替换所有出现的子字符串，您需要提供带有 g （全局）标志的正则表达式。如果不提供全局标志，即使您提供正则表达式作为第一个参数，也只会替换第一次出现的子字符串。因此，让我们替换上面示例中所有出现的 one 。

var text = 'one, two, three, one, five, one';
var new_text = text.replace(/one/g, 'ten');
console.log(new_text)  //ten, two, three, ten, five, ten

请注意，不要将正则表达式模式括在引号中，这将使其成为字符串而不是 regExp 对象。要进行不区分大小写的替换，您需要提供额外的标志 i ，这使得模式不区分大小写。在这种情况下，上述正则表达式将是 /one/gi。请注意此处添加的 i 标志。

如果第二个参数有一个函数并且存在匹配，则该函数将与三个参数一起传递。该函数获取的参数是匹配项、匹配项的位置和原始文本。您需要返回该匹配项应替换为的内容。例如，

var text = 'one, two, three, one, five, one';
var new_text = text.replace(/one/g, function(match, pos, text){
return 'ten';
});
console.log(new_text) //ten, two, three, ten, five, ten

您可以使用函数作为第二个参数来更好地控制替换文本。

Answer 11

在 JavaScript 中，您可以在 String 对象上调用 replace 方法，例如 "这是我想要替换的一些示例文本".replace("want", "dont Want")，这将返回替换的字符串。

var text = "this is some sample text that i want to replace";
var new_text = text.replace("want", "dont want"); // new_text now stores the replaced string, leaving the original untouched

Answer 12

您可以使用

text.replace('old', 'new')

And 一次更改一个字符串中的多个值，例如将 # 更改为字符串 v，将 _ 更改为字符串 w：

text.replace(/#|_/g,function(match) {return (match=="#")? v: w;});

Answer 13

使用 str.replace( 已经有多个答案) （这对于这个问题来说足够公平）和 regex 但您可以使用 str.split() 和 join() 在一起，比 str.replace() 和 regex.

下面是工作示例：

var text = "this is some sample text that i want to replace";

console.log(text.split("want").join("dont want"));

Answer 14

如果你真的想要一个与 PHP 的 str_replace 相当的东西，你可以使用 Locutus。 PHP 版本的 str_replace 支持的选项比 JavaScript String.prototype.replace 支持的选项更多。
例如 tag:

//PHP
$bodytag = str_replace("%body%", "black", "<body text='%body%'>");

//JS with Locutus
var $bodytag = str_replace(['{body}', 'black', '<body text='{body}'>')  

或 array's

//PHP
$vowels = array("a", "e", "i", "o", "u", "A", "E", "I", "O", "U");
$onlyconsonants = str_replace($vowels, "", "Hello World of PHP");

//JS with Locutus
var $vowels = ["a", "e", "i", "o", "u", "A", "E", "I", "O", "U"];
var $onlyconsonants = str_replace($vowels, "", "Hello World of PHP");

另外，这不使用正则表达式，而是使用 for 循环。如果您不想使用正则表达式但想要简单的字符串替换，您可以使用类似的东西（基于 Locutus ）

function str_replace (search, replace, subject) {

  var i = 0
  var j = 0
  var temp = ''
  var repl = ''
  var sl = 0
  var fl = 0
  var f = [].concat(search)
  var r = [].concat(replace)
  var s = subject
  s = [].concat(s)

  for (i = 0, sl = s.length; i < sl; i++) {
    if (s[i] === '') {
      continue
    }
    for (j = 0, fl = f.length; j < fl; j++) {
      temp = s[i] + ''
      repl = r[0]
      s[i] = (temp).split(f[j]).join(repl)
      if (typeof countObj !== 'undefined') {
        countObj.value += ((temp.split(f[j])).length - 1)
      }
    }
  }
  return s[0]
}
var text = "this is some sample text that i want to replace";

var new_text = str_replace ("want", "dont want", text)
document.write(new_text)

有关更多信息，请参阅源代码 https://github .com/kvz/locutus/blob/master/src/php/strings/str_replace.js

Answer 15

您有以下选择：

1. 替换第一个出现的位置

var text = "this is some sample text that i want to replace and this i WANT to replace as well.";
var new_text = text.replace('want', 'dont want');
// new_text is "this is some sample text that i dont want to replace and this i WANT to replace as well"
console.log(new_text)

2. 替换所有出现的情况 - 区分大小写

var text = "this is some sample text that i want to replace and this i WANT to replace as well.";
var new_text = text.replace(/want/g, 'dont want');
// new_text is "this is some sample text that i dont want to replace and this i WANT to replace as well
console.log(new_text)

3. 替换所有出现的情况 - 不区分大小写

var text = "this is some sample text that i want to replace and this i WANT to replace as well.";
var new_text = text.replace(/want/gi, 'dont want');
// new_text is "this is some sample text that i dont want to replace and this i dont want to replace as well
console.log(new_text)

更多信息-> 此处

Answer 16

在 Javascript 中，replace 函数可用于将给定字符串中的子字符串替换为新字符串。
使用：

var text = "this is some sample text that i want to replace";
var new_text = text.replace("want", "dont want");
console.log(new_text);

您甚至可以在此函数中使用正则表达式。例如，如果想要将所有出现的 , 替换为 .。

var text = "123,123,123";
var new_text = text.replace(/,/g, ".");
console.log(new_text);

这里的 g 修饰符用于匹配全局所有可用的匹配项。

Answer 17

使用React替换句子中的子字符串的方法：

 const replace_in_javascript = (oldSubStr, newSubStr, sentence) => {
    let newStr = "";
    let i = 0;
    sentence.split(" ").forEach(obj => {
      if (obj.toUpperCase() === oldSubStr.toUpperCase()) {
        newStr = i === 0 ? newSubStr : newStr + " " + newSubStr;
        i = i + 1;
      } else {
        newStr = i === 0 ? obj : newStr + " " + obj;
        i = i + 1;
      }
    });
    return newStr;
  };

RunMethodHere

Answer 18

如果您不想使用正则表达式，那么您可以使用此函数，它将替换字符串中的所有

内容源代码：

function ReplaceAll(mystring, search_word, replace_with) 
{
    while (mystring.includes(search_word))
    {
        mystring = mystring.replace(search_word, replace_with);
    }

    return mystring;  
}

如何使用：

var mystring = ReplaceAll("Test Test", "Test", "Hello"); 

Answer 19

使用 JS String.prototype.replace 第一个参数应该是正则表达式模式或字符串，第二个参数应该是字符串或函数。

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

例如：

var str = '这是我要替换的一些示例文本';
var newstr = str.replace(/想要/i, "不想要");
文档.write(newstr); // 这是一些我不想替换的示例文本

Answer 20

ES2021 / ES12

String.prototype.replaceAll()

试图提供完整的替换选项，即使输入模式是字符串也是如此。

const str = "Backbencher sits at the Back";
const newStr = str.replaceAll("Back", "Front");
console.log(newStr); // "Frontbencher sits at the Front"

1- String.prototype.replace()

We can do a full **replacement** only if we supply the pattern as a regular expression.

const str = "Backbencher sits at the Back";
const newStr = str.replace(/Back/g, "Front");
console.log(newStr); // "Frontbencher sits at the Front"

如果输入模式是字符串，则 replace() 方法仅替换第一个匹配项。

const str = "Backbencher sits at the Back";
const newStr = str.replace("Back", "Front");
console.log(newStr); // "Frontbencher sits at the Back"

2-您可以使用拆分和连接

const str = "Backbencher sits at the Back";
const newStr = str.split("Back").join("Front");
console.log(newStr); // "Frontbencher sits at the Front"

Answer 21

function str_replace($old, $new, $text)
{
   return ($text+"").split($old).join($new); 
}

您不需要额外的库。

Answer 22

在 ECMAScript 2021 中，可以使用 replaceAll 来使用。

const str = "string1 string1 string1"
const newStr = str.replaceAll("string1", "string2");

console.log(newStr)
//  "string2 string2 string2"

Answer 23

最简单的形式如下

只需替换第一个出现的情况，则

var newString = oldStr.replace('want', 'dont want');

如果您不想替换所有出现的情况，则

var newString = oldStr.replace(want/g, 'dont want');

Answer 24

JavaScript 中的内置函数是“.replace()”函数。
.replace() 函数的语法如下：

" <string_name>.replace('text to edit', 'text to replace it with' ); "

因此，在字符串中，可以使用此内置函数将整个或部分字符串替换为其他值。

例如，让字符串 s 为：“我在 Coding Ninjas 网站的帮助下练习开发。”代码如下：

let news=s.replace("website", "Website");

那么，如果我们打印字符串news，则如下：
“我在 Coding Ninjas 网站的帮助下练习开发。”

此外，您可以多次使用它来替换位于不同位置的字符串的各种文本。
例如，

let news=s
.replace("development", "Development")
.replace("with", "With");
console.log(news);

这些语句将导致以下输出：
“我在编码忍者网站的帮助下练习开发。”

此外，如果您希望用其他文本替换您所编写的多个文本实例，则只会替换该文本的第一个实例。
例如，

let news = s.replace("the", "The");
console.log(news);

它将仅替换第一个“ the”，结果如下：
“我在编码忍者网站的帮助下练习开发。”
因此，如果要替换字符串子字符串的所有实例，则必须使用“ .replaceall（）”方法。

现在，如果要用一个文本替换多个子字符串，则可以使用以下命令语法：
让News = S.Replace（/实践|开发/G，“研究”）;
控制台.log(新闻);
输出将是：
“我在 Coding Ninjas 网站的帮助下学习。”

另外，您可以尝试使用以下命令语法来将“.replace()”函数与正则表达式一起使用。
让新闻= s.replace（/the/g，“ the”）;
控制台.log(新闻);

这些命令的输出如下：
“我在 The Coding Ninjas 网站的帮助下练习开发。”
这里，“/g”指定所有出现的子字符串“the”都应该替换为“The”子字符串。

Answer 25

添加了一个方法replace_in_javascript，它将满足您的要求。还发现您正在 document.write() 中写入字符串 "new_text" ，该字符串应该引用变量 new_text 。

let replace_in_javascript= (replaceble, replaceTo, text) => {
  return text.replace(replaceble, replaceTo)
}

var text = "this is some sample text that i want to replace";
var new_text = replace_in_javascript("want", "dont want", text);
document.write(new_text);