基于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 相关文章推荐
javascript 面向对象编程基础 多态
Aug 21 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
Jul 19 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 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的access操作类
2008/04/09 PHP
PHP计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
js 编写规范
2010/03/03 Javascript
Javascript Object.extend
2010/05/18 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
页面实时更新时间的JS实例代码
2013/12/18 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
Easyui笔记2:实现datagrid多行删除的示例代码
2017/01/14 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
深入学习JavaScript中的bom
2019/05/27 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
JS实现点击掉落特效
2021/01/29 Javascript
python基础教程之基本内置数据类型介绍
2014/02/20 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
Python判断一个三位数是否为水仙花数的示例
2018/11/13 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
纯CSS3实现移动端展开和收起效果的示例代码
2020/04/26 HTML / CSS
Html5实现文件异步上传功能
2017/05/19 HTML / CSS
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
领导干部考察材料
2014/02/08 职场文书
高中军训感想800字
2014/02/23 职场文书
教师先进个人材料
2014/12/17 职场文书
辞职书格式样本
2015/02/26 职场文书
《落花生》教学反思
2016/02/16 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android