目录
一、认识正则表达式
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来
创建正则表达式的对象
语法:
let 变量 = new RegExp("正则表达式","匹配模式")
使用typeof检查正则对象,会返回object
let reg = new RegExp("a","i")
console.log(typeof reg); //object
let reg = new RegExp("a")这个正则表达式可以来检查一个字符串中是否含有a
在构造函数中可以传递一个匹配模式作为第二个参数:
可以是:
i 忽略大小写
g 全局匹配模式
正则表达式的方法:
test()
使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合则返回true,否则返回false
let str = "a" let result = reg.test(str) console.log(result); console.log(reg.test("abc"));
二、使用字面量来创建正则表达式
语法: let 变量 = /正则表达式/匹配模式
使用字面量方式创建更加简单,但是使用构造函数创建更加灵活
// let reg = new RegExp("a","i");
reg = /a/i;
console.log(typeof reg);
console.log(reg.test("abc")); //true
创建一个正则表达式,检查一个字符串中是否含有a或b或c,使用 | 表示或者的意思
reg = /a|b|c/
console.log(reg.test("dfgc")); //true
创建一个正则表达式来检查一个字符串中是否含有字母
- [ ] 里的内容也是或的关系 [ab] == a|b
- [a-z] 表示任意的小写字母
- [A-Z] 表示任意的大写字母
- [A-z] 表示任意字母
- [0-9] 表示任意数字
reg = /[a-z]/
console.log(reg.test("d")); //true
reg = /[A-Z]/
console.log(reg.test("F")); //true
reg = /[A-z]/
console.log(reg.test("aS")); //true
举个例子: 检查一个字符串中是否含有abc或adc或aec
reg = /a[bde]c/
console.log(reg.test("aec")); //true
[^]表示除了
reg = /[^ab]/
console.log(reg.test("ab")); //false
console.log(reg.test("abc")); //true
console.log(reg.test("aec")); //true
reg = /[^0-9]/ //除了数字
console.log(reg.test("1234")); //false
三、字符串和正则表达式相关的方法
1.split()
可以将一个字符串拆分成一个数组
方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
这个方法即使不指定全局匹配,也会全部拆分
// 根据任意字母来将字符串拆分
let result = str.split(/[A-z]/)
console.log(result); //["1", "2", "3", "4", "5", "6", "7"]
2.search()
可以搜索字符串中是否含有指定内容
如果搜索到指定内容则会返回第一次出现的索引,如果没有搜索到返回-1
它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
!!!search()只会查找第一个,即使设置全局匹配也没用
str = "hello abc hello asc arc"
result = str.search("abc")
console.log(result); //6
//搜索字符串中是否含有abc 或asc 或arc
result = str.search(/a[bsr]c/)
console.log(result); //6
3.match()
可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
默认情况下match只能找到第一个符合要求的内容,找到以后就停止检索
我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
可以为一个正则表达式设置多个匹配模式,且顺序无所谓
match()会将匹配到的内容封装在一个数组中返回,即使只查询到一个结果
str = "1a2b3c4d5e"
result = str.match(/[a-z]/ig)
console.log(result); //["a", "b", "c", "d", "e"]
4.replace()
可以将字符串中指定的内容替换为新的内容
参数:
1.被替换的内容,可以接收一个正则表达式作为参数
2.新的内容
默认只会替换第一个
result = str.replace(/[a-z]/ig,"#@#")
console.log(result); //1#@#2#@#3#@#4#@#5#@#
result = str.replace(/[a-z]/ig,"")
console.log(result); //12345
四、正则表达式语法
量词
通过量词可以设置一个内容出现的次数,量词只对前边的一个内容起作用
{n} | 正好出现n次 |
{m,n} | 出现m-n次 |
{m,} | 出现m次以上 |
+ | 表示至少一个,相当于{1,} |
* | 表示0个或多个,相当于{0,} |
? | 表示0个或1个,相当于{0,1} |
let reg = /a{7}/
console.log(reg.test("aaaaaasda")); //false
reg = /(ab){3}/
console.log(reg.test("ababab")); //true
reg = /ab{3}c/
console.log(reg.test("abbbc")); //true
console.log(reg.test("abbbbc")); //false
reg = /ab{1,3}c/
console.log(reg.test("abbc")); //true
reg = /ab+c/
console.log(reg.test("abbc")); //true
reg = /ab*c/
console.log(reg.test("ac")); //true
reg = /ab?c/
console.log(reg.test("abbc")); //false
检查一个字符串是否以a开头
^表示开头
$表示结尾
reg = /^a/ //匹配开头的a
console.log(reg.test('bass')); //false
reg = /a$/ //匹配结尾的a
console.log(reg.test("sdfghja")); //true
reg = /^a$/
console.log(reg.test("ada")); //false
console.log(reg.test("a")); //true
reg = /^a|a$/
console.log(reg.test("ab")); //true
举个例子:
创建一个正值表达式,用来检查一个字符串是否是一个合法的手机号
手机号的规则:
1.以1开头
2.第二位3-9的任意数字
3.三位及以后任意数字9个
let phoneReg = /^1[3-9][0-9]{9}$/
console.log(phoneReg.test("18367342165")); //true
检查一个字符串中是否含有.
. 表示任意字符
在正则表达式中使用 \ 作为转义字符
\. 来表示 .
\\ 来表示 \
需注意:使用构造函数时,由于它的参数是一个字符串,而\是字符串中转义字符,如果要使用\则需要使用\\来代替
let reg = /\./
console.log(reg.test("ab.ss")); //true
reg = /\\/
reg = new RegExp("\\\\")
console.log(reg.test("\\")); //true
\w | 任意字母、数字、_ [A-z0-9_] |
\W | 除了字母、数字、_ [^A-z0-9_] |
\d | 任意的数字 [0-9] |
\D | 除了数字 [^0-9] |
\s | 空格 |
\S | 除了空格 |
\b | 单词边界 |
\B | 除了单词边界 |
举个例子:
去掉字符串开头和结尾的空格,去除空格就是用""来代替空格
let str = " how are you "
//去除开头的空格
//str = str.replace(/^\s*/,"")
//去除结尾的空格
//str = str.replace(/\s*$/,"")
str = str.replace(/^\s*|\s*$/g,"")
console.log(str); //how are you