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


Posted in Javascript onDecember 04, 2017

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方法(详解)

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

Javascript 相关文章推荐
Extjs中常用表单介绍与应用
Jun 07 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
vue.js将unix时间戳转换为自定义时间格式
Jan 03 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
JS合并两个数组的3种方法详解
Oct 24 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
基于JSONP原理解析(推荐)
Dec 04 #Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 #Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 #Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 #Javascript
Angular之toDoList的实现代码示例
Dec 02 #Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 #Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 #Javascript
You might like
php dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
php对数组排序代码分享
2014/02/24 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
python3.0 字典key排序
2008/12/24 Python
python实现绘制树枝简单示例
2014/07/24 Python
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
python编程实现归并排序
2017/04/14 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
车间统计员岗位职责
2014/01/05 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
cf收人广告词大全
2014/03/14 职场文书
班级文化建设标语
2014/06/23 职场文书
项目投资合作意向书
2014/07/29 职场文书
庆国庆活动总结
2014/08/28 职场文书
出国签证在职证明范本
2014/11/24 职场文书
2015团员个人年度总结
2015/11/24 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
高性能跳频抗干扰宽带自组网电台
2022/02/18 无线电
VUE递归树形实现多级列表
2022/07/15 Vue.js