一次记住JavaScript的6个正则表达式方法


Posted in Javascript onFebruary 22, 2018

首先6这个具象的数字可以帮助我们整体记忆了。

范围

js中有两个类可以让正则发挥作用

一次记住JavaScript的6个正则表达式方法

创建

var re = /ab+c/

方式一:正则表达字面量,这种直接是常量的表示用法可以让js解析器提高性能

var re = new RegExp('ab+c')

方式二:构造函数,这种方式可以在runtime的时候动态确定正则是什么,更加灵活

常用特殊字符

来记忆一些常用特殊字符,这个是正则本身的范畴了,是不是总觉得记不住?其实我也记不住,每次都是去搜索和online验证来完成一些任务。我也困恼过,其实最后还是因为自己写的少吧,唯手熟尔。。。下面的总结不写具体内容,只列出具体特殊字符和分类,可以尝试一下说出他们的意义,我觉得比看表格更有利于记忆。。。

  • 匹配量的:* + ? {n} {n,} {n,m} .
  • 匹配位置的:^ $
  • 匹配并且需要支持分组的时候需要括号来包裹:(匹配的模式)
  • 匹配条件的:|
  • 匹配集合的:[]
  • 匹配非集合的:[^]

还有大量的由\和字母组成的特殊含义的匹配模式,这些用到的时候查询就可以了,没有必要记住,其实我是记不住。。。

例子

例子是最好的老师。。。。 例子来源于MDN

我想得到匹配后的数组

var myRe = /d(b+)d/g; 
myRe.exec('cdbbdbsdbdbz') // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // ["dbd", "b", index: 7, input: "cdbbdbsdbdbz"] 
myRe.exec('cdbbdbsdbdbz') // null

注意对于每个正则对象的exec每次调用都只返回一个匹配,如果需要拿到全部匹配就需要while循环获取,循环结束标志是返回值为null

'cdbbdbsdbdbz'.match(/d(b+)d/g) // ["dbbd", "dbd"] 
'cdbbdbsdbdbz'.match(/d(b+)d/) // ["dbbd", "bb", index: 1, input: "cdbbdbsdbdbz"]

string的match挺奇怪的,如果是global匹配则出所有匹配的数组,如果不是,则出第一个匹配的字符串,以及相应的捕获内容

var str = 'hello world!'; 
var result = /^hello/.test(str); // true 
'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 没有匹配 
var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]
var re = /apples/gi; 
var str = 'Apples are round, and apples are juicy.'; 
var newstr = str.replace(re, 'oranges'); 
// // oranges are round, and oranges are juicy.

我想得到是否匹配

var str = 'hello world!'; 
var result = /^hello/.test(str); // true

我只想得到第一次匹配的位置

'cdbbdbsdbdbz'.search(/d(b+)d/) // 1 
'xxx'.search(/d(b+)d/) // -1 没有匹配

我想按照匹配拆分字符串

var names = 'Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand '; 
var re = /\s*;\s*/; 
var nameList = names.split(re); 
// [ "Harry Trump", "Fred Barney", "Helen Rigby", "Bill Abel", "Chris Hand " ]

我想按照匹配覆盖字符串

var re = /apples/gi; 
var str = 'Apples are round, and apples are juicy.'; 
var newstr = str.replace(re, 'oranges'); 
// // oranges are round, and oranges are juicy.

这个replace方法的用法着实比较多,只放了最基础用法,当有需求的时候再查就好了,整体有概念了再实践比强行记忆要好吧~

总结

以上所述是小编给大家介绍的一次记住JavaScript的6个正则表达式方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript据option的value值快速设定初始的selected选项
Aug 13 Javascript
利用javascript移动div层-javascript 拖动层
Mar 22 Javascript
Javascript 事件流和事件绑定
Jul 16 Javascript
读jQuery之二(两种扩展)
Jun 11 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
jQuery展示表格点击变色、全选、删除
Jan 05 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
React组件refs的使用详解
Feb 09 Javascript
JavaScript 实现同时选取多个时间段的方法
Oct 17 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 #Javascript
node内置调试方法总结
Feb 22 #Javascript
详解vue移动端日期选择组件
Feb 22 #Javascript
webpack 单独打包指定JS文件的方法
Feb 22 #Javascript
webpack中使用iconfont字体图标的方法
Feb 22 #Javascript
微信小程序之圆形进度条实现思路
Feb 22 #Javascript
webpack下实现动态引入文件方法
Feb 22 #Javascript
You might like
PHP实现网上点歌(二)
2006/10/09 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
php实用代码片段整理
2016/11/12 PHP
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
jquery中this的使用说明
2010/09/06 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
vue webuploader 文件上传组件开发
2017/09/23 Javascript
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
2018/02/04 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
django框架forms组件用法实例详解
2019/12/10 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
python小白学习包管理器pip安装
2020/06/09 Python
Python实现手绘图效果实例分享
2020/07/22 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
Python 求向量的余弦值操作
2021/03/04 Python
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
挑战杯创业计划书的写作指南
2014/01/07 职场文书
生物制药专业求职信
2014/03/11 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
中班上学期个人总结
2015/02/12 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python