正则表达式

• 什么是正则表达式
  由以下2种字符组成的文字模式:
  1、普通字符（列如26个英文字母和数字等）；
  2、特殊字符（有特殊含义，例如. /等）
  正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配
• 正则表达式都是操作字符串的

正则里面的方法

• text()和exec()

    var str = 'i love js';
    var reg = /js/;

    console.log(reg.test(str)); //返回布尔值
    console.log(reg.exec(str)); //返回数组

• 修饰符
  i、g、m（可以任意组合，写在//外面）
  i---igncoreCase 忽略大小写
  g---globel 全局
  m---multiline 多行匹配

• 转义字符（特殊字符需要转义）

\n    表示空格
\t     表示制表符

• 字符类

var str = 'javascript';
var pattern = /[js]/;
console.log(pattern.exec(str));

[ ]表示匹配字符串里面的任意字符，先匹配到谁就是谁
[^]字符类^表示取反
[a-z]表示a-z，前面的要比后面的小，匹配数字时只能是0-9
. 除了\n以外的任意字符
\w(小写w) 表示字母数字下划线
\W(大写W)表示除了字母数字下划线
[\u4e00-\u9fa5] 表示中文unicode
\d(小写d) 表示0-9
\W(大写D)表示除了0-9任意字符
\s(小写s) 表示制表符、空格和空白字符
\S(大写S)表示除了制表符、空格和空白字符任意字符

• 量词
  1、指定个数

var str = "110";
var patten = /\d{2}/;
console.log(patten.exec(str))

2、表示范围

var str = "110";
var patten = /\d{1,2}/;   表示大于的1小于等于2
console.log(patten.exec(str))

var str = "110";
var patten = /\d{1,}/;   逗号不能去掉，表示至少匹配1个
console.log(patten.exec(str))

？ 表示匹配0个或1个

• 表示至少1个

• 表示至少0个

• 贪婪模式（js的正则默认贪婪模式）

var str = "110";
var patten = /1+/;
console.log(patten.exec(str));//  输出11,贪婪模式尽可能多的去匹配

image.png

• 非贪婪模式（加个？）

var str = "110";
var patten = /1+?/;   加个？转换为非贪婪模式，尽可能少的匹配
console.log(patten.exec(str));//  输出1,

正则表达式的匹配总是会寻找字符串中第一个可能匹配的位置，也就是首选

• 选择，分组和引用

var str = "css";
var patten = /html|css|js/;   |表示或者
console.log(patten.exec(str));//  输出css


var str = "abab";
var patten = /(ab)+/;     加个括号将ab分为一组
console.log(patten.exec(str));//  输出abab


var str = "abcd";
var patten =  /(ab)c/;     
console.log(patten.exec(str));//  输出abc   ab(因为括号括起来，所以捕获到了ab)


var str = "abcd";
var patten =  /(?:ab)c/;     
console.log(patten.exec(str));//  输出abc   非捕获


var str = "abcd";
var patten =  /(a(b(c)))/;     
console.log(patten.exec(str));//  输出abc  abc bc c   不管多少个括号，从第左往右依次数

image.png image.png

• 匹配首尾
  ^ 表示首匹配，注意和[ ^ ]中括号里的^表示的含义不同
  $ 表示结尾

• 匹配单词边界
  \b

• 前瞻性匹配

var str = 'javascript';     
var patten = /java(?=script)/   只想匹配java时就可这样写，但是后面一定要是script

• 负向前瞻性匹配

var str = 'javascript';     
var patten = /java(?!script)/   如果java后面是script就不匹配了

image.png

• RegExp对象的实例方法
  new RegExp(这里面有转义字符时，要进行双重转义，比如\b)

• string对象中与正则表达式相关的方法
  1、seach

var str = 'html js';
var reg = /js/;
console.log(str.search(reg))  //匹配到的是字符串的位置，没有的话返回-1

2、match和exec的区别

image.png image.png

3、split分割

var str = 'html, js ,css';
var reg = /,/;
console.log(str.split(reg))  //['html',' js ','css']此时的js有空格
var str = 'html, js ,css';
var reg = /\s*,\s*/;   // \s表示空格，
console.log(str.split(reg))  //['html','js','css']此时数组里的元素就没有空格了

4、replace（oldElement,newElement）替换

var str = '11111-111-11';
var reg = /-/g;
console.log(str.replace(reg,'.'))     //11111.111.11

image.png

常用的正则表到式

• qq号、昵称和密码

  
  image.png

image.png
image.png

• 去除字符串首尾的空白字符

  
  image.png

image.png
image.png

• 转驼峰

  
  image.png

• 匹配HTML便签

  
  image.png

image.png
image.png

• emial邮箱

image.png

• url地址

  
  image.png

image.png image.png