javascript正则表达式

则表达式的创建

一、创建正则表达式对象

语法：let 变量 = new RegExp( '正则表达式'，'匹配模式' )

注意：在正则表达式中可以传递一个匹配模式作为第二个参数

分别是：

• i 忽略大小写

• g 全局模式匹配

JS

let reg = new RegExp('a','i');
let str = 'a';
console.log(reg.test(str)); // true

二、正则表达式的方法

test( ) 用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

JS

let result = reg.test(str);
console.log(reg.test('Abcda')); // true

三、使用字面量创建表达式

语法：let 变量 = /正则表达式/匹配模式

1. 创建一个表达式，检查一个字符串中是否有 a 或 b

JS

let reg = /a|b/;
console.log(reg.test('abcd')); // true

2. 检查一个字符串中是否含有字母

   • [ab] == a|b
   • [a-z] 任意小写字母
   • [A-Z] 任意大写字母
   • [A-z] 任意字母
   • [0-9] 任意数字

JS

let reg1 = /[A-z]/;
console.log(reg1.test('dasdf123')); // true

3. 检查一个字符串是否含有abc或adc或aec

JS

let reg2= /a[bed]c/;
console.log(reg2.test('aeca1cavvabc')); // true

四、字符串与正则表达式相关方法

01. split () 将字符串拆分为一个数组

1. 方法中可以传递一个正则表达式作为参数，这样方法会根据正则表达式去拆分字符串
2. 这个方法即使不指定全局匹配，也会全部拆分

JS

let str = '1a2b3c4d5e6f';
let result = str.split(/[A-z]/);
console.log(result);
// [ '1', '2', '3','4', '5', '6']

02. search() 可以检索字符串中是否含有指定内容

• 搜索到 就返回第一次出现的索引，搜索不到则返回-1
• 它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
• search()只会查找第一个，即使设置全局匹配也没用

JS

let str1 = '1a2b3c4d5e6f';
let result1 = str1.search(/p/);
console.log(result1); // -1

03. match() 可以根据正则表达式，从一个字符串中将符合的内容提取出来

• 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索
• 我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
• 可以为一个正则表达式设置多个匹配模式，且顺序无所谓
• match( )会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果

JS

let str2 = '1a2b3c4d5e6f7A8B';
// 提取字符串中所有字母
let result2 = str2.match(/[a-z]/ig);
console.log(result2);
// ['a', 'b', 'c','d', 'e', 'f','A', 'B']

04. replace( )可以将字符串中指定内容替换为新的内容

参数:

1. 被替换的内容，可以接受一个正则表达式作为参数

2. 新的内容

• 默认只会替换第一个

JS

let str3 = '1a2b3c4d5e6f7A8B';
let result3 = str3.replace(/[a-z]/ig,'');
console.log(result3);
// 12345678

五、正则表达式-量词

量词：

• 通过量词可以设置一个内容出现的次数
• 量词只对它前边的一个内容起作用
• {n} 正好出现n次
• {m,n} 出现m~n次
• {m, } m次以上
• + 至少一个，相当于{1,}
• * 0个或多个，相当于{0,}
• ? 0个或1个，相当于{0,1}

JS

let reg = /a{3}/; // a连续出现3次
console.log(reg.test('aaacds'));// true

let reg1 = /(ab){3}/; // ab连续出现3次
console.log(reg1.test('abababab')); // true

let reg2 = /ab{3}c/; // b连续出现3次
console.log(reg2.test('abbbc')); // true

let reg3 = /ab{1,3}c/; // b出现1~3次
console.log(reg3.test('abc')); // true
console.log(reg3.test('abc')); // true
console.log(reg3.test('abbbc')); // true

let reg4 = /ab+c/;  // 至少出现一个b
console.log(reg4.test('abccc')); // true

let reg5 = /ab*c/;  // 0个b或多个b
console.log(reg5.test('abc')); // true

let reg6 = /ab?c/;  // 0个b或者1个b
console.log(reg6.test('abccc')); // true

检查一个字符串是否以a开头

• ^ 表示开头
• $ 表示结尾

JS

let str = /^a/; //以a开头
console.log(str.test('acd')); // true

let str1 = /a$/; //以a结尾
console.log(str1.test('acda')); // true

如果在正则表达式中同时使用 ^ $ 则要求字符串必须完全符合正则表达式

JS

let str2 = /^a$/;
console.log(str2.test('a')); // true

let str3 = /^a|a$/; //以a开头或者以a结尾
console.log(str3.test('abc')); // true

创建一个表达式，用来检查一个字符串是否是一个合法手机号

手机号的规则

1. 以1开头
2. 第二位数字3-9任意数字
3. 三位以后任意数字9个

^1 [3-9] [0-9]{9}$

JS

let tel = '15136926879';
let telReg = /^1[3-9][0-9]{9}$/;
console.log(telReg.test(tel)); // true

六、正则表达式-元字符

检查一个字符串中是否含有 .

• . 表示任意字符
• 在正则表达式中使用 \ 作为转义字符
• \. 来表示 .
• \\ 表示 \

注意：

使用构造函数时，由于它的参数是一个字符串，而 \ 是字符串中转义字符，如果要使用 \ 则需要使用 \\ 来代替

JS

let reg = /\./;
console.log(reg.test('b.')); // true

let reg1 = /\\/;
console.log(reg1.test('b\\')); // true

let reg2 = new RegExp('\\.'); 
console.log(reg2); // /\./

\w 任意字母，数字,下划线_ [A-z0-9_]
\W 除了字母，数字,下划线_ [^A-z0-9_]
\d 任意的数字 [0-9]
\D 除了数字 [^0-9]
\s 空格
\S 除了空格
\b 单词边界
\B 除了单词边界

JS

let str = /\w/;
console.log(str.test('abc'));// true

let str1 = /\W/;
console.log(str1.test('8&%'));// true

let str2 = /\d/;
console.log(str2.test('1231231'));// true

let str3 = /\D/;
console.log(str3.test('asdasd'));// true

let str4 = /\s/;
console.log(str4.test('12 3'));// true

let str5 = /\S/;
console.log(str5.test('123'));// true

创建一个正则表达式检查一个字符串 中是否含有单词child

JS

let str6 = /\bchild\b/;
console.log(str6.test('asd child as'));// true

接收一个用户的输入，去除所有的空格

JS

// 除去所有空格
let user = '      ea  mon     ';
user = user.replace(/\s/g,'');
console.log(user);
// eamon

JS

// 去除开头空格
user = user.replace(/^\s*/,'');
console.log(user);
//ea  mon     

JS

// 去除结尾空格
user = user.replace(/\s*$/,'');
console.log(user);
//       ea  mon

JS

// 去除开头结尾空格
user = user.replace(/^\s*|\s*$/g,'');
console.log(user);
// ea  mon

邮件的正则
eamon .love @ abc .com .cn
任意字母数字下划线。任意字母数字下划线 @任意字母数字 任意字母 (2-5位)，任意字母 (2-5位)
\w{3,} (\. \w+*) @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}

JS

let email = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
let emails = 'asd.sdf@163.com';
console.log(email.test(emails)); //true