首页 / JAVASCRIPT / 如何使用JavaScript的replace替换字符串

如何使用JavaScript的replace替换字符串

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用JavaScript的replace替换字符串，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1372字，纯文字阅读大概需要2分钟。

内容图文

replace函数可以用另一个字符替换字符串中的指定字符，此外，通过使用正则表达式的替换规则，也可以替换各种模式，接下来的这篇文章就来介绍关于JavaScript中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”表示换行。

上述代码就是将所有<br> 表现的效果替换成了\n表示的效果。

本篇文章到这里就全部结束了，更多精彩内容大家可以移步到Gxl网的相关栏目会进一步学习！！！

以上就是如何使用JavaScript的replace替换字符串的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的如何使用JavaScript的replace替换字符串全部内容，希望文章能够帮你解决如何使用JavaScript的replace替换字符串所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/283783.html

来源：【匿名】