使用JavaScript中replace替换字符串的方法

这篇文章主要介绍使用JavaScript中replace替换字符串的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

replace函数可以用另一个字符替换字符串中的指定字符,此外,通过使用正则表达式的替换规则,也可以替换各种模式,

使用JavaScript中replace替换字符串的方法

replace函数的用法

基本语法

String.replace(模式, 替换的文字[, flag])

flag可以省略。

replace进行替换处理的示例

基本代码如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var str1 = "今天是一个晴天!";
      var newstr1 = str1.replace("晴天", "雨天");
      console.log(str1); 
      console.log(newstr1);

      var str2 = "我的名字叫张三,<br>今年10岁了。";
      var newstr2 = str2.replace(/<br>/g, "\n");
      console.log(str2); 
      console.log(newstr2);
    </script>
  </body>
</html>

运行结果如下

使用JavaScript中replace替换字符串的方法

下面我们来分析一下上面的代码

var str1 = "今天是一个晴天!";
var newstr1 = str1.replace("晴天", "雨天");
console.log(str1); 
console.log(newstr1);

这是文字的替换,我们先定义了一个str1的变量,并在newstr1变量中将"晴天"替换成了"雨天"。结果,输出字符串“今天是一个晴天!”。

var str2 = "我的名字叫张三,<br>今年10岁了。";
var newstr2 = str2.replace(/<br>/g, "\n");
console.log(str2); 
console.log(newstr2);

这是使用正则表达式进行的替换,“/ <br> / g”表示“所有<br>”,“\ n”表示换行。

以上是使用JavaScript中replace替换字符串的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!