基于JavaScript中字符串的match与replace方法(详解)

更新时间：2017年12月04日 09:03:13 作者：孟繁贵

下面小编就为大家介绍一下JavaScript中的字符串的match与replace方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

1、match方法

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

match()方法的返回值为：存放匹配结果的数组。

2、replace方法

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

replace方法的返回值为：一个新的字符串。

3、说明

以上2个方法的参数在使用正则表达式时主要添加全局g，这样才能对字符串进行全部匹配或者替换。

示例代码：

<!DOCTYPE html>
<html lang="zh">

 <head>
  <meta charset="UTF-8" />
  <title>JavaScript中字符串的match与replace方法</title>
 </head>

 <body>
  <!--注意src路径要对-->
  <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
   var str = "1 plus 2 equal 3";
   //match方法返回值为数组
   var arr = str.match(/[0-9]/g)
   console.log(arr);

   var new_str = str.replace(/[0-9]/g, 'newstr');
   //replace方法返回值为新的字符串
   console.log(new_str)
  </script>
 </body>

</html>

控制台输出为：

以上这篇基于JavaScript中字符串的match与replace方法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

微信小程序按钮巧妙用法
这篇文章主要介绍了微信小程序按钮巧妙用法,按钮组件功能比 HTML 中的 button 按钮丰富，通过 open-type 属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等），需要的朋友可以参考下
2022-12-12
JavaScript prototype对象的属性说明
JavaScript中对象的prototype属性，是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢？
2010-03-03
js canvas实现写字动画效果
这篇文章主要为大家详细介绍了js canvas实现写字动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
JavaScript 阻止超链接跳转的操作方法(多种写法)
很多朋友问小编能否通过JavaScript来阻止超链接的跳转呢，今天给大家通过多种写法来实现这一功能，具体实例代码跟随小编一起看看吧
2021-06-06
JS简单实现tab切换效果的多窗口显示功能
这篇文章主要介绍了JS简单实现tab切换效果的多窗口显示功能,可实现响应鼠标事件的文字切换显示效果,涉及javascript页面元素遍历与样式变换相关操作技巧,需要的朋友可以参考下
2016-09-09
利用JavaScript实现简单全选和全不选的思路和方法
最近开始练习js的基本操作,常常因为一些小疏忽导致页面效果无法实现,下面这篇文章主要给大家介绍了关于利用JavaScript实现简单全选和不全选的思路和方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-07-07
Bootstrap实现下拉菜单多级联动
这篇文章主要为大家详细介绍了Bootstrap实现下拉菜单多级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
js面向对象方式实现拖拽效果
这篇文章主要为大家详细介绍了js面向对象方式实现拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
多个checkbox被选中时如何判断是否有自己想要的
当多个checkbox被选中时如何判断是否有自己想要的，下面有段代码，大家可以看看
2014-09-09
JavaScript内置日期、时间格式化时间实例代码
JS中的 Date 对象用于处理日期和时间,Date对象和Math对象不一样，Date是一个构造函数，需要实例化后才能使用对象中具体的方法和属性。这篇文章主要给大家介绍了关于JavaScript内置日期、时间格式化时间的相关资料,需要的朋友可以参考下
2021-05-05