js中的正则表达式(1)

前言

对于正则,著称火星文字,见名知意主要它晦涩难懂,一直以来,看到它老是怕怕的,在平时,也只是简单的用用,其主要是靠搜,还有就是厚着脸皮求助各路大神了,遇到稍复杂些的正则,便无从下手了,使人头疼,即便写完了,过几月在回头看时,发现又看不懂那些符号是什么意思了,终归结底,仍是本身使用得太少,认识得太浅,正则是一个很是强大能完成搜索和替换的文本工具,本文为初学者学习笔记心得,适用小白,对于正则,我也一直在学习当中,虽然非常枯燥,可是出去混早晚是要还的,欢迎路过的老师多提意见和指正

使用场景

正则最多见的是用在表单验证上,好比要注册一个网站的帐号,申请注册邮箱,填写收货人信息等,须要填写用户信息,好比:姓名,地止,手机号,邮箱,出生日期等,在将这些表单数据信息提交到服务器处理以前,咱们使用javascript程序检查表单以确认用户输入的信息,而且是否符合某些条件要求的,固然正则的用处远不止在表单上,好比:

• 你正在搜索一个文件,这个文件里包含suibichuanji(不区分大小写),你并不想要把包含着其余的字母给找出来,好比什么hello,boy,handsome(搜索文件关键字,排除其余字符)
• 建立了一张用户表单的web页面,用来收集用户信息,web页面中包含了一个邮件地止,你须要检查用户给出的电子邮件是否正确的语法格式(验证文本格式的正确性)
• 正在编辑一段源码而且要把全部的name都替换成myName驼峰式命名
• 一份计算机文件系统中全部文件的清单,想要把文件名里包含fileName的文件列举出来
• 想要在文件里搜索某个特定的文本,可是你只想要把出如今特定位置的字符(好比每行的开头或是每条语句的结尾)找出来
• 用一种应用服务器动态的生成一个web网页以显示从某个数据库里检索出来的文本,在那些文本里可能包含着一些url地止字符串,你但愿那些url地止最终生成的页面是能够点击的
• ...

正则最强大的两个功能就是:

• 搜索:用于查找特定的信息(文本)
• 替换:查找到后进行替换等操做

通常来讲,不用正则处理字符操做而想要达到一样的目的,无非想到的就是不断的循环遍历所要操做的字符,在循环体里面用if语句来进行判断,那么就不得不用一些特殊的标记来标识找到了什么,没有找到什么,还须要检测空白字符和特殊字符等,实现过程很是的繁琐,然而若是使用正则,就会好不少,好比下面:
将一个字符串转化成驼峰的方法
常规方法:

/*
*
* 将一个字符串转换为驼峰命名
*
* @function test
* @param {String} str
* @return {Array}
*   1.功能函数的编写，函数的调用，传参
*   2.js中的内置对象,切割:split(),切割完后得用一个变量给存储起来
*   3.for循环的遍历,遍历查找  
*   4.找到对应的字符串,第0个转化为大写,转化为大写的函数,toUpperCase()在加上字符串的拼接，在进行截取(substring())      
*   5. 把字符串给拼接起来(join())           
*                    
*/
var str = 'border-top-color';
console.log(str);  // border-top-color
function test(str){
    var arr = str.split('-');  // spilt切割,border,top,color
    console.log(arr);          // [border,top,color]
    for(var i = 1;i<arr.length;i++){  // 循环遍历数组
    arr[i] = arr[i].charAt(0).toUpperCase()+arr[i].substring(1);  
        console.log(arr[i]);    // [border,Top,Color]
    } 
  return arr.join(''); // 字符串给加起来
}
console.log(test(str)); // borderTopColor复制代码

以下图所示

普通方法,将一字符串转换为驼峰式命名

利用正则表达式将一字符串转换为驼峰式命名

var str = 'border-top-color';
function test(str){
  var re = /-(\w)/g;  // \w匹配全部的字母和数字字符以及下划线_
     return str.replace(re,function($0,$1){ // 第一个参数re表示正则,第二个回调函数,对该字符串处理方式,圆括号内的形参数表示正则表达式的子选项
      return $1.toUpperCase();    // 转大写
    });
   }
console.log(test(str));  // borderTopColor复制代码

以下图所示:

利用正则表达式处理,将一字符串转换为驼峰式命名

二者对比:
相同点:都是为达到同一个目的,将一个字符串转换为驼峰命名
不一样点:普通正常方法,得利用循环以及js中内置对象提供的字符串(split,substring,join等)方法对所要操做的字符串进行操做,而正则少去了复杂的循环遍历,处理的结果比较快,可是前者比较好理解,然后者难以阅读和理解
小结:上面的示例只是为了说明,使用了正则能够避免过多的利用循环对字符串的操做,每每循环次数多了,就意味代码逻辑变得复杂,但凡用正则实现起来复杂的程序,即普通面向过程的方法的逻辑要复杂得多,正则是为了解放它而生的,进行搜素查找结合内置对象提供的方法能够快速匹配,实现想要的功能,然而它并不那么简单,每每是一些特殊符号的组合令正则表达式难以阅读和理解,但不能否认,它的确很强大

什么是正则表达式?

正则表达式:用来匹配和处理文本的字符模式的对象,在Ecmascript中RegExp类表示正则表达式,是正则表达式语言建立的,是一种为解决以上等问题的工具而造就的一门规则,它有特殊的语法和指令,String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数
用途:解决以上等问题,主要是用于验证客户端的输入的数据,当用户填写完表单后执行某些操做(好比点击提交按钮),表单的数据就会发送到服务器端,在服务器端php,java等后端语言,会进一步的作处理,进行验证和反馈,由于在客户端(浏览器)验证,能够节约大量的服务器端系统资源,避免频繁的交互,延迟响应,提供更好的用户体验

如何建立正则表达式

• 采用new操做符:

  var pattern = new RegExp("pattern");  // 第一个参数字符串
  var pattern = new RegExp("pattern",'ig'); // 第二参数可选模式参数,模式修饰符,对字符串某些限制
  console.log(Object.prototype.toString.call(pattern));//检查类型"[object RegExp]"
  console.log(new RegExp("pattern"));  // 等价于/pattern/
  console.log(new RegExp("pattern",'ig'));//等价于 /pattern/gi,其中ig顺序任意复制代码

• 字面量表达式方式

  var pattern = /pattern/;      // 用两个反斜杠,中间任意字符
  var pattern = /pattern/ig;    // 第二个斜杠后加一个或者多个模式修饰符,这里忽略大小写,全局匹配复制代码

  模式修饰符的可选参数

参数	含义
i	忽略大小写(ignore)
g	全局匹配(global)
m	多行匹配(multiline)

RegExp对象与String提供的方法

• test():一个用来测试在给定字符串里是否存在一个匹配的正则表达式的方法,返回布尔值,若是存在,则返回true,若是没有,则返回false
• exec():一个用来搜索一个匹配的regExp方法,用于在字符串中查找指定正则表达式，若是 exec()方法执行成
  功，则返回包含该查找字符串的相关信息数组,若是执行失败,则返回null
• match(pattern):一个用来匹配一个字符串的string方法,返回pattern中的子串或者null
• replace(patternReg,replaceReg):一个用来完成替换操做的String方法,用replaceReg替换patternReg
• search(pattern):一个用来测试在某给定字符串里是否存在着一个匹配的String方法,返回字符串中pattern的开始位置
• split(pattern):一个用来把一个字符串拆分为多个子串的String方法,返回字符串按指定的pattern拆分红的数组

模式修饰符i,g

绝大多数正则表达式引擎的默认行文只是返回第一个匹配的结果,若是想要把两个或者更多个匹配的结果都找出来,一般返回为一个数组或者是其余的专用格式,可使用g修饰符,表示全局匹配,该标志将返回一个包含着全部匹配的结果数组.例如:

var str = "my name is suibichuanji,my public numer is itclanCoder";// 待匹配对象
var pattern = /my/;// 后面无修饰符，书写好正则规则,而后拿着要待匹配对象进行匹配
console.log(pattern.test(str));   // true复制代码

用全局匹配修饰符

var str = "my name is suibichuanji,my public numer is itclanCoder";
var pattern = /my/g;
console.log(pattern.test(str));  // true复制代码

注意:默认行为只返回第一个匹配的结果,若匹配到了,就不会日后匹配了,具体示例验证,能够在线正则表达式测试
正则表达式中是区分字母大小写的,my与MY是两个不一样的字符串,能够用修饰符i来强制匹配不区分大小写
字母大小写有区分

var str = "my name is suibichuanji,my public numer is itclanCoder";
var pattern = /MY/;              // 未使用任何修饰符
console.log(pattern.test(str));  // false复制代码

使用i修饰符,不区分大小写匹配

var str = "my name is suibichuanji,my public numer is itclanCoder";
var pattern = /MY/i;             // 第二个斜杠后使用i修饰符,表示忽略大小写
console.log(pattern.test(str));  // true复制代码

使用一条语句实现正则

console.log(/my/.test("my name is suibichuanji,my public numer is itclanCoder"));
console.log(/MY/i.test("my name is suibichuanji,my public numer is itclanCoder"));// 前面是正则规则.test()方法,圆括号内是要待匹配的对象与前面的规则进行匹配,其结果,要么true,要么false复制代码

test():该方法用于检测一个字符串是否匹配某个模式

• 语法:正则规则.test(待要检测的字符串),pattern.test(str);
• 参数:圆括号内的str表示你想要的检测的字符串对象
• 返回值:执行完与正则规则匹配后,若是字符串str中含有与pattern匹配的文本的话,那么返回true,不然返回false,具体示例,以上例子可得

exec():在字符串中执行匹配搜索返回结果数组

• 语法:正则规则.exec(待要检测的字符串),pattern.exec(str)
• 参数:str是须要待检测的字符串,pattern是咱们写的正则规则
• 返回值:执行完与正则规则匹配后,如有匹配到,则会返回一个数组,若是未找到匹配，则返回值为null,以下示例

var str = "welcome focus on itclanCoder public Number";
var pattern = /suibichuanji/ig;   // 忽略大小写,而且全局匹配
console.log(pattern.exec(str));   // null复制代码

使用exec()函数,当有匹配时,则返回一数组

var str = "welcome focus on itclanCoder public Number";
var pattern = /itclanCoder/ig;
console.log(pattern.exec(str));//["itclanCoder", index: 17, input: "welcome focus on itclanCoder public"复制代码

使用match():一个用来匹配一个字符串的string方法,返回pattern中的子串或者null

注意:使用match()的位置,前面是待要匹配的对象,而圆括号内是正则表达式
当匹配对时,结果返回待匹配的特定字符的子串,该方法相似于indexOf()或者lastIndexOf();可是它返回的是指定的值,而不是字符串的位置

• 语法:待要检测的字符串对象.match(正则规则),str.match(pattern)
• 参数:pattern表示是正则表达式,能够是在pattern中检索的字符串,也能够是须要检索的RegExp对象
• 返回:若是匹配到,则返回一成功的数组,若是没有找到任何的一个匹配,那么它将返回的是null

var str = '"chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人"';
console.log(str.match("chuanchuan"));// ["chuanchuan", index: 1, input: ""chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人""]复制代码

var pattern = /chuanchuan/ig; 
var str = '"chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人"';
console.log(str.match(pattern)); // ["chuanchuan", "chuanchuan"]
var str = '"chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人"';
console.log(str.match(/handsome/));// ["handsome", index: 15, input: ""chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人""]复制代码

当不匹配时,其结果返回null,一样要注意圆括号内是正则表达式与test()和exec()方法不一样

var pattern = /随笔川迹/ig; 
var str = '"chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人"';
console.log(str.match(pattern)); // null复制代码

使用search(pattern):返回字符串中 pattern 开始位置

注意:search方法查找到即返回,会忽略g修饰符全局匹配,同时它也没有RegExp对象的lastIndex的属性,且老是从字符串开始位置进行查找,老是返回的是str匹配的第一个位置查到并返回第一个,若没有匹配到,则返回-1

• 语法:待要检测字符串对象.search(pattern);str.search(pattern)
• 参数:pattern是正则规则表达式,str是要待检测的字符串对象
• 返回:str中第一个与RegExp(pattern)对象相匹配的子串的起始位置,若是没有找到任何匹配的子串,则返回-1,若匹配到,则返回该子串的位置,示例代码以下

var pattern = /随笔川迹/i; 
var str = "chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人";
console.log(str.search(pattern)); // -1复制代码

若匹配到,则返回的是该待匹配对象子字符串的位置

var pattern = /川川/ig;   // 因为search方法查到就返回,无需g修饰符,查到返回第一个
var str = "chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人";
console.log(str.search(pattern)); // 37复制代码

使用replace(pattern,replacePattern)

使用replace方法替换匹配到的数据

• 语法:待检测字符串对象.replace(正则规则,要替换的文本或者功能函数),str.replace(pattern,fun);
• 参数:圆括号内第一个参数表示正则规则,第二个参数能够是字符串也能够是函数,在 str中查找与RegExp(pattern)相匹配的子字符串,第二个参数值或者功能函数执行结果来替换这些子串,若是RegExp(pattern)具备全局标志g,那么replace()方法将替换全部匹配的子串,不然,它只替换第一个匹配子串(也就是说默认只会找第一个子串进行返回,若想全局替换,则要加g修饰符),replace()中的第二个参数,$字符具备特定的含义,它是从模式匹配获得的字符串将用于替换待检测字符串文本,具体下节在作补充
• 返回:返回替换后的新字符串,示例代码以下

var pattern = /chuanchuan/i; 
var str = "chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人";
console.log("未使用replace方法以前",str);
console.log("使用replace方法以后",str.replace(pattern,"随笔川迹"));//未使用replace方法以前 chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人//使用replace方法以后 随笔川迹 is handsome man,chuanchuan川川是一个全宇宙最帅的男人复制代码

注意:replace方法替换,也查到后并返回,默认返回第一个,若是想要全局匹配替换,那么对正则使用修饰符g全局匹配,可达到全局匹配替换

使用split()方法拆分红字符串数组

使用方法:待匹配对象.split(正则规则肯定是以什么样的格式将该字符串进行拆分,可选参数);
第一个参数表示以什么样的格式对该字符串进行拆分,而第二个参数可选,若没有则是对整个字符串的进行拆分,如果有数字参数,则返回的子字符串不会多于这个参数指定的数组

• 语法:待匹配对象.split(第一个参数以什么样的形式将待匹配对象进行拆分必填项,能够是字符串或者正则,第二个为可选参数,用指定拆分后数组的长度,若无,则对待检测的整个字符串进行操做),str.split(pattern,2);
• 参数:pattern能够是字符串也能够是正则规则,第二个参数可选,用于对待检测字符串切割后的数组长度,返回的数组不会超过该指定的长度
• 返回:一个字符串数组,该数组经过在split()圆括号内第一个参数,指定的边界处将字符串str分割成子字符串

  var pattern = / /i;   // 中间是空格,空格也是字符,用来分割单词之间的字符之一,意味着以空格的规则将字符串进行拆分红数组
  var str = "chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人";
  console.log("未使用split方法以前",str);
  console.log("使用split方法以后",str.split(pattern)); //未使用split方法以前 chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人//使用split方法以后 (4) ["chuanchuan", "is", "handsome", "man,chuanchuan川川是一个全宇宙最帅的男人"]复制代码

  split():圆括号后设置第二个参数,会指定返回字符串的长度

  var pattern = / /i;   
  var str = "chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人";
  console.log("未使用split方法以前",str); //未使用split方法以前 chuanchuan is handsome man,chuanchuan川川是一个全宇宙最帅的男人
  console.log("使用split方法以后",str.split(pattern,2)); //使用split方法以后["chuanchuan", "is"]复制代码

  可使用Object.prototype.toString.call()进行准确的肯定返回结果的具体类型
  上述String与RegExp对象提供的方法语法很简单,可是真正在使用的时候,他们之间的组合就很是强大了,要想灵活运用,其实验证某个模式能不能得到预期的匹配结果不是那么困难,可是若是验证它不会匹配到你不想要的东西就不简单了,每每在使用时,有时会忘记他们当中的某一个,以致于卡壳,从而不得不向度娘伸手,好像除了多撸,没有什么别的好办法了

小结:各个方法的差别比较

• 相同点:都是对待检测字符串进行操做,会返回一个指定的结果
• 不一样点:正则表达式RegExp对象中提供的两个test(),exec()方法的书写格式与String()提供的match(),search(),replace(),split()有所不一样,前者是:正则规则.test(待检测字符串对象),pattern.test(str),pattern.exec(str),然后者是:待检测字符串对象.match(正则规则),str.match(pattern),str.search(pattern),str.replace(pattern,替换的文本或功能函数),str.split(肯定对待检测字符串以什么样的格式拆分,可选参数项指定切割后数组长度);只要知道RegExp()中的两个检测方法与String()提供的四个的方法格式相反就能够了

特殊字符控制特定匹配模式

枯燥的内容来了,光靠字符右边的释义,是记不住的,也是理解不了的,平时但凡打开那种满屏的表格正则的博文,反正我是看不下去,由于没有示例,我记不住也理解不了,一码胜千言...
注意:若反斜线后跟元字符,则将失去特殊的含义,好比\.就是表示一个点,反斜杠用来对字符进行转义,
字符类:单个字符和数字
元字符号:

• .:匹配除换行符之外的字符(也就是匹配任何单个字符,字母,数字,下划线,甚至字符自己)
• [a-z0-9]:匹配括号中的字符集中的任意字符等价于[abcd..z0123..9]
• \d:匹配任何一个数字字符,等价[0-9]或者[0123456789]
• \D:匹配任何一个非数字字符,等价[^0-9]
• \w:匹配任何一个字母数字字符(大小写都可),或下划线,等价[a-zA-Z0-9_]
• \W:任何一个非字母数字或非下划线字符,等价于[^a-zA-Z0-9_]
  字符类:锚字符
• ^:匹配字符串的开头(行首匹配),还有另一个做用就是取非(反),将给定的字符集合排除在匹配操做之外,除了该字符集合里的字符,其余字符均可以被匹配,注意,给定字符集的全部字符或字符区间,而不是仅仅限于紧跟在^字符后面的那一个字符或字符区间
• $:匹配字符串的结束(行尾匹配)
• \A:只有匹配字符串开始处
• \b:匹配单词边界,一个单词的开始或者结尾,而且匹配且匹配一个位置,不匹配任何字符
• \B:不匹配一个单词的边界,匹配非单词边界,与\b相反,能够用来查找先后都有多于的空格的连字符等,在正则里,小写与大写,每每功能相反

点.元字符的使用

解释:匹配除换行符之外的字符(也就是匹配任何单个字符,字母,数字,下划线,甚至字符自己)
使用一个点符号,只匹配一个字符,使用test()测试

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(pattern.test(str)); //true复制代码

使用exec()测试结果

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(pattern.exec(str)); // ["sui", index: 0, input: "suibichuanji"]复制代码

使用match()方法,圆括号内是要待匹配的对象与前面的规则进行匹配,其结果,要么true,要么false

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(str.match(pattern));// ["sui", index: 0, input: "suibichuanji"]复制代码

使用search方法查找到即返回,也就是说无需g修饰符全局匹配,查到并返回第一个
若没有匹配到,则返回-1

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(str.search(pattern));// 0复制代码

使用replace(pattern,replacePattern)
使用replace方法替换匹配到的数据

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(str.replace(pattern,"ab"));// abbichuanji复制代码

使用split()方法对指定的字符串进行以指定的正则规则进行切割并返回数组

var str = 'suibichuanji';
var pattern = /s.i/;
console.log(str.split(pattern)); // ["", "bichuanji"]复制代码

以上主要是熟悉一下String与RegExp提供的方法,他们真的很强大
[a-z0-9]
匹配括号中的字符集中的任意字符等价于[abcd..z0123..9]
[]:用来定义一个字符集合,在使用左[和]右中括号定义的字符集合里,这两个元字符之间的全部字符集合都是该集合的组成部分,该字符集合的匹配结果是可以与该集合里的任意一个成员相匹配
-:连字符,是一个特殊的元字符,它只能用在左中括号[和]右括号之间,[0123456789]等价于[0-9],[ABCDEF中间字母省略Zabcd中间字母省略z0123456789]等价于[A-Za-za-9]在字符集合之外的地方,-横岗只是一个普通的字符,只能与-自己相匹配,因此,在正则里,-字符不须要被转义,注意:在定义一个字符区间的时候,必定要避免让这个区间的尾字符小于它的首字符,(好比[4,0]);这种区间是无心义的,并且会让整个模式匹配失效

var  str = "itclanCoder 2323535";
var pattern = /[a-z0-9]/; // 匹配区间里面的任意一个字符,若有则返回第一个字符,若无则返回false，或者null
console.log(pattern.test(str));// true复制代码

若无字符匹配,使用test()或exec()返回false,或null
test()测试

var  str =  "ABBCC";
var pattern = /[a-z0-9]/;
console.log(pattern.test(str));// false复制代码

exec()测试

var  str =  "ABBCC";
var pattern = /[a-z0-9]/;
console.log(pattern.exec(str));//null复制代码

\d字符
匹配任何一个数字字符,等价[0-9]或者[0123456789]
示例代码以下
test()方法测试以下

var str = "345893347852394";
var pattern = /\d/;  // 检测匹配数字
console.log(pattern.test(str));//由于str确实含有数字,只要待匹配的字符串含有数字,就返回true复制代码

exec()测试结果

var str = "345893347852394";
var pattern = /\d/;
console.log(pattern.exec(str));// ["3", index: 0, input: "345893347852394"]复制代码

[0-9]等价\d

var str = "345893347852394";
var pattern = /[0-9]/;  // [0-9]使用字符集合区间[],并用链接符-横岗
console.log(pattern.test(str));//true复制代码

当不匹配时,则返回false

var str = "abcdfeffsgsdgasd"; // 字符串中并无包含数字
var pattern = /[0-9]/; 
console.log(pattern.test(str)); // 所要匹配的字符串中并无包含数字,false
倘若是要与此相反,则使用^
var str = "abcdfeffsgsdgasd"; // 字符串中并无包含数字
var pattern = /[^0-9]/;       // 注意^应放在中括号里面,它
console.log(pattern.test(str));  // true复制代码

\D字符
匹配任何一个非数字字符,等价[^0-9]

var str = "absdjfsksdjg";
var parttern = /^\D/; // 匹配任何一个非数字字符等价[^0-9]
console.log(pattern.test(str));// true复制代码

当不匹配时:

var str = "";        // 因为没有字符
var parttern = /^0-9/;
console.log(pattern.test(str));//因为没有字符,因此返回false,注意逻辑复制代码

\w字符
匹配任何一个字母数字字符(大小写都可),或下划线,等价[a-zA-Z0-9_]

var str = "shjfuiewgns_235356345";
var pattern = /\w/; // 匹配[a-zA-Z0-9_]中任意一字符便可
console.log(pattern.test(str)); // 由于匹配的字符串有,因此结果true复制代码

当为空格或者没有任何字符时,则为false

var str = " ";  // var str = "";
var pattern = /\w/;
console.log(pattern.test(str)); //false复制代码

\W字符
任何一个非字母数字或非下划线字符,等价于[^a-zA-Z0-9_]

var str = " ";    // 空格
var pattern = /\W/;
console.log(pattern.test(str));// true复制代码

^字符
匹配字符串的开头(行首匹配)

var str = "itclanCoder ";
var pattern = /^itclanCoder/; // 注意从开头开始匹配,^后面跟着的字符串全匹配
console.log(pattern.test(str));// 只要待匹配的字符串有包含正则所匹配的规则,都返回true,若不知足则返回false复制代码

不彻底匹配时,则返回false

var str = "itclanCode -";
var pattern = /^itclanCoder/;
console.log(pattern.test(str));//false,由此^是对后面的整个字符都进行匹配限制复制代码

$字符
匹配字符串的结束(行尾匹配)

var str = "itclanCoder";
var pattern = /itclanCoder$/;
console.log(pattern.test(str));//true复制代码

同上不匹配时

var str = "tclanCoder";
var pattern = /itclanCoder$/; // 从结尾处开始匹配,会与待匹配的字符串向前查找
console.log(pattern.test(str)); // 由于与规则的正则不彻底匹配,因此返回false复制代码

^与$结合使用

var str = "itclanCoder";
var pattern = /^itclanCoder$/; // ^开头是i开始匹配,结尾$开始匹配,若待检测字符串有一个与正则表达式不一样,则返回false
console.log(pattern.test(str));// true复制代码

待检测字符有一处或若干处不一样时,则返回false

var str = "itclansdfdCoder";   // 待检测字符对象
var pattern = /^itclanCoder$/;
console.log(pattern.test(str)); // false复制代码

\A元字符
只有匹配字符串开始处,示例代码以下

var str = "javascript is a very important skill";
var pattern = /\A/;
console.log(pattern.test(str));// false

var str = "javascript is a very important skill";
var pattern = /\A/;
console.log(pattern.exec(str));// null

var str = "Aavascript is a very important skill";
var pattern = /\A/;
console.log(pattern.test(str)); // true

var str = "Aavascript is a very important skill";
var pattern = /\A/;
console.log(pattern.exec(str));// ["A", index: 0, input: "Aavascript is a very important skill"]复制代码

\b:匹配单词边界,一个单词的开始或者结尾,而且匹配且匹配一个位置,不匹配任何字符
示例代码以下
从末尾开始匹配

var  str = "codeincode";
var pattern = /code\b/;   //从末尾处,一个个往前匹配,如有则返回,若无返回null
console.log(pattern.exec(str));// ["code", index: 6, input: "codeincode"]复制代码

反例:无匹配到

var  str = "codeinnode";  
var pattern = /code\b/;// 从后往前逐个匹配，意味倒数第四个是n不是c因此没有匹配到,其结果返回null
console.log(pattern.exec(str));//null复制代码

从头开始匹配

var  str = "codeinnode";  
var pattern = /\bcode/;
console.log(pattern.exec(str));// ["code", index: 0, input: "codeinnode"]复制代码

从头开始匹配,当没有时,有一个字符不匹配时,就会返回null

var  str = "coceinnode";  
var pattern = /\bcode/;         // 从头开始匹配
console.log(pattern.exec(str)); // 由于第三个字符是c不是d,与所要的正则规则不匹配,因此返回null复制代码

\B:不匹配一个单词的边界,匹配非单词边界,与\b相反,能够用来查找先后都有多于的空格的连字符,在正则里,小写与大写,每每功能相反
示例代码以下:

var str = "javascript is very important skill - I love it";
var pattern = /\B-\B/; // 将匹配一个先后都不是单词边界的连字符
console.log(pattern.exec(str));// ["-", index: 36, input: "javascript is very important skill - I love it"]复制代码

总结:

限于篇幅,本节内容就学习到这里了,正则是一个很是强大的文本匹配工具,用特殊的字符正着去匹配文本还好(其实也不简单),每每须要逆向的去折腾它,就是不在你考虑范围条件下也要考虑进去从而剔除一些程序上的漏洞,是比较难的,至于更多相关正则的学习分享,我将持续Go on!!

如下是本篇提点概要

• 正则的使用场景,两个最强大的功能就是搜索和替换
• 什么是正则表达式,就是用一处理字符串的文本的规则,来匹配和处理文本的字符模式的对象
• 如何建立正则表达式,一种是new操做符,另外一种就是字面量表示方法
• RegExp对象与String提供的方法,其中正则的两个test(),exec()与字符串String四个match(),search(),replace(),split()最为经常使用,区别他们的书写规则
• 模式修饰符i,g,m
• test(),exec(),match(),search(),replace(),split()方法的具体简单使用
• 特殊字符控制特定匹配模式,元字符号,锚字符的使用,至于更多字符使用之后再继续

更多走心内容,尽在微信itclanCoder公众号