快速熟悉正则表达式

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


上个整理的思惟导图,后面再展开写
数组

正则表达式的语法

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

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

JS中的正则表达式

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

一、经过RegExp var reg=new RegExp('^[0-9]','g');
二、经过表达式字面量 var reg=/^[0-9]/g;
code

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

一、test方法:若是输入字符串与模式相匹配,test就返回真,没有则返回假
二、exec方法:若是输入字符串与模式匹配,则返回一个数组,没有匹配就返回null
regexp

/*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方法相同

应用例子:blog

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方法中,正则表达式的全局旗标不起做用
相关文章
相关标签/搜索