基于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 相关文章推荐
js变换显示图片的实例
Apr 16 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
jQuery实现简单飞机大战
Jul 05 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
让PHP以ROOT权限执行系统命令的方法
2011/02/10 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
js打印纸函数代码(递归)
2010/06/18 Javascript
jquery 如何动态添加、删除class样式方法介绍
2012/11/07 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
简介JavaScript中toUpperCase()方法的使用
2015/06/06 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
实例解析js中try、catch、finally的执行规则
2017/02/24 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
Webpack性能优化 DLL 用法详解
2017/08/10 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
使用ECharts实现状态区间图
2018/10/25 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
在Django中同时使用多个配置文件的方法
2015/07/22 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
2014年纠风工作总结
2014/12/08 职场文书