- 什么是正则表达式
由以下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
