基于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 UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
jquery实现下载图片功能
Jul 18 jQuery
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
基于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
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
Apache中php.ini的设置方法
2013/02/28 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
js写的评论分页(还不错)
2013/12/23 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
Python ljust rjust center输出
2008/09/06 Python
Python字符串拼接、截取及替换方法总结分析
2016/04/13 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
python实现BackPropagation算法
2017/12/14 Python
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
为什么称python为胶水语言
2020/06/16 Python
python从PDF中提取数据的示例
2020/10/30 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
Weblogic和WebSphere不同特点
2012/05/09 面试题
酒店led欢迎词
2014/01/09 职场文书
最新茶叶店创业计划书
2014/01/14 职场文书
体育口号大全
2014/06/18 职场文书
公司授权委托书
2014/10/17 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
安全生产学习心得体会
2016/01/18 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫
python获取带有返回值的多线程
2022/05/02 Python