快速熟悉正则表达式

在日常工作中,我们经常写正则表达式,比如在表单中经常用来验证用户输入的格式是否正确,我们就会用到正则表达式;可以把正则表达式看做是可以描述问题的语言,它就是专门为模式匹配而设计的


上个整理的思维导图,后面再展开写

正则表达式的语法

可以简单粗暴得把正则表达式理解为查找东西,举个例子:要在"Hello World"中找到"world"这个单词,先用直白的语言来描述就是查找"从w开头到d结束的字母组合",使用正则来描述就是ww*d,这个就是模式字符串,它由元字符和字面量字符组成

  • 常见的元字符如下:
  • 正则表达式中的旗标
  • 正则表达式中的转义字符

JS中的正则表达式

  • 两种生成方式,举例:匹配0-9有没有出现

1、通过RegExp var reg=new RegExp('^[0-9]','g');
2、通过表达式字面量 var reg=/^[0-9]/g;

  • 两种常用的方法test()、exec()

1、test方法:如果输入字符串与模式相匹配,test就返回真,没有则返回假
2、exec方法:如果输入字符串与模式匹配,则返回一个数组,没有匹配就返回null

/*test()方法,匹配是否有出现0-9*/
var reg1=/^[0-9]/;
reg1.test('There is no number');
//返回结果为false

/*exec()方法,匹配句子里面的单词,两个单词一组*/
/*没有设置全局旗标*/
var reg2=/(w+)s(w+)/;
reg2.test('There is no number');
//返回结果['There is','There','is']
//第0个元素是匹配的字符串,后面两个元素分别是分组引用的子字符串

/*设置全局旗标*/
var reg3=/(w+)s(w+)/g;
reg3.test('There is no number');
//设置了全局旗标的话,exec()会循环寻找
//第一次查找结果['There is','There','is'],第二次结果['no number','no','number'],第三次结果null

exec()方法如果设置了全局旗标,在循环中使用必须要手动设置其reg.lastIndex = 0;,否则它会间隔匹配


字符串对象与正则表达式

  • 在string对象中有不少以正则表达式对象作为参数的方法
属性 说明
match(regexp) 返回正则表达式regexp的匹配结果
replace(searchValue,replaceValue) 将searchValue(正则表达式或是字符串值)
替换为replaceValue,并返回响应的字符串
search(regexp) 返回正则表达式regexp匹配位置的下标,没有匹配就返回-1
split(separator,limit) 通过参数separator(字符串或是正则表达式)
对字符串进行分割,并返回一个字符串数组
  • match方法会返回元素与模式相匹配的字符串的数组,设置全局旗标时,会返回所有与模式相匹配的字符串数组,不设置时和exec方法相同

应用例子:

var text='abc def ghi jkl';

//设置全局旗标
text.match(/w+/g);
//["abc","def","ghi","jkl"]

//不设置全局旗标
text.match(/(w+)s(w+)/);
//["abc def","abc","def"]
  • replace方法返回被替换的字符串,如果设置了全局旗标,则替换全部匹配了的字符串,否则只替换第一个匹配的字符串;replace中如果第一个参数用了分组,第二个参数能够通过符号来标识分组的前向引用

应用例子:

var text="abc def ghi jkl";

//将空格替换为字符
text.replace(/s/,',');
//"abc,def ghi jkl"

text.replace(/s/g,',');
//"abc,def,ghi,jkl"

//对空格之前的字符分组,用逗号替换并前向移动一位
text.replace(/(.)s/g,",$1");
//"ab,cde,fgh,igkl"
  • 在search与split方法中,正则表达式的全局旗标不起作用
-> -> ->非常期待你的关注,前端路上的风景与你分享,如果你觉得这篇博文有点意思,请点击右侧的推荐按钮
原文地址:https://www.cnblogs.com/Fengzp/p/5467548.html