基于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 相关文章推荐
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
详解JavaScript中双等号引起的隐性类型转换
May 30 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
工厂模式在JS中的实践
Jan 18 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
Mar 22 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
Element Carousel 走马灯的具体实现
Jul 26 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 和 MySQL 基础教程(一)
2006/10/09 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
Python3写入文件常用方法实例分析
2015/05/22 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
网络技术支持面试题
2013/04/22 面试题
求职信格式要求
2014/05/23 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
2014年医院党建工作总结
2014/12/20 职场文书
担保书范文
2015/01/20 职场文书
尊师重教主题班会
2015/08/14 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js