基于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 相关文章推荐
php 中序列化和json使用介绍
Jul 08 Javascript
详解JS函数重载
Dec 04 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
微信小程序实现默认第一个选中变色效果
Jul 17 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
redux.js详解及基本使用
May 24 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
PHP4实际应用经验篇(2)
2006/10/09 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
在Javascript中定义对象类别
2006/12/22 Javascript
JS图片预加载 JS实现图片预加载应用
2012/12/03 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
Javascript window对象详解
2014/11/12 Javascript
jquery让指定的元素闪烁显示的方法
2015/03/17 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
python实现连接mongodb的方法
2015/05/08 Python
Python操作SQLite数据库的方法详解
2017/06/16 Python
快速了解Python相对导入
2018/01/12 Python
Python命令行解析模块详解
2018/02/01 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
德国EGOIST网店:销售畅销的设计师品牌
2017/04/18 全球购物
李宁官方网店:中国运动品牌
2017/11/02 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
EJB的几种类型
2012/08/15 面试题
网站开发实习生的自我评价
2013/12/11 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
财务稽核岗位职责
2015/04/13 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
基于Redis的List实现特价商品列表功能
2021/08/30 Redis