正则
- 1.正则表达式又名“规则表达式”.
- 用自己书写的规则(一些特殊的字符或者符号)来专门检测字符串是否符合规则.可以对字符串进行:验证,替换,查询.
- 2.创建正则表达式
- 意义:快速的验证,查询,替换字符、既可以节省操作,又可以节省性能.
- 想要指定规则就要按照官方要求的方式来制定.
- 把一些字母和符号写在
//
中间的东西,叫做正则表达式,比如/abcdefg/
.
- 把一些字母和符号写在
- 创建正则表达式有两个方式:字面量、构造函数创建
- 2.1字面量创建:
var reg = /abcdefg/
- 这个正则表达式就可以去检测字符串了.
- 2.2构造函数创建:
var reg = new RegExp('abcdefg');
console.log(reg) // /abcdefg/
- 使用构造函数方式创建和字面量创建的,结果一样.
3.正则表达式里面的符号
- 3.1元字符(转义符)
- . (点):匹配非换行的任意字符.
- \ :转译符,把有意义的符号转换成没有意义的字符,把没有意义的 **字符** 转换成有意义的 **符号**.
- \s:匹配空白字符(空格/制表符、、、)
- \S(大写S):匹配非空白字符.
- \d:匹配数字.
- \D:匹配非数字.
- \w:匹配数字字母下划线.
- \W(大写W):匹配非数字字母下划线.
- 3.2限定符(量词)
- *:零个或以上.
- +:一个或以以上.
- ?:零个或以上.
- {n}:固定n次.
- {n,}:至少n次,以上.
- {n,m}:至少n次,最多m次.
- 3.3 边界符:边界符是限定字符串的开始和结束的.
- ^:表示开头.
- $:表示结尾.
- 3.4 修饰符:
- g:全局匹配.
- i:忽略大小写.
- 3.5 特殊符号:
- |:或
- -:范围、比如 `a-z` 表示从字母 a 到字母 z 都可以.
- ():子集、限定一组元素.
- []:中元符、字符集合、用来标记范围,内部所有组成都是或的关系.
- [^]: 反字符集合,表示写在 `[^]` 里面之外的任意一个都行.
- ^:非、必须在中元符内使用.
- 4.案例:
var reg = /\d/
var str ='abc1'
var str2 ='abc'
console.log(reg.test(str)) //true
console.log(reg.test(str2)) //false
var reg = /\s/
var str =`a b`
var str2 = `ab`
console.log(reg.test(str)) //true
console.log(reg.test(str)) //false
var reg = /\w/
var str = `a1`
var str2 = `#@$`
console.log(reg.test(str)) //true
console.log(reg.test(str)) //false
- 4.2下面正则表示验证数字出现 0 ~ 正无穷次都可以.
var reg = /\d+/
var str = 'abc'
var str2 = 'abc1'
var str3 = 'abc123'
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // true
console.log(reg.test(str3)) // true
- 4.3下面正则表示验证数字出现 0 ~ 1 次都可以.
var reg = /\d?/
var str = 'abc'
var str2 = 'abc1'
console.log(reg.test(str)) // true
console.log(reg.test(str2)) // true
- 4.4下面正则表示验证数字必须出现 3 次.
var reg = /\d{3}/
var str = 'abc'
var str2 = 'abc1'
var str3 = 'abc123'
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
- 4.5下面正则表示验证数字出现 3 ~ 正无穷次.
var reg = /\d{3,}/
var str = 'abc'
var str2 = 'abc1'
var str3 = 'abc123'
var str4 = 'abcd1234567'
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
console.log(reg.test(str4)) // true
- 4.6下面正则表示验证数字只能出现 3 ~ 5 次.
var reg = /\d{3,5}/
var str = 'abc'
var str2 = 'abc1'
var str3 = 'abc123'
var str4 = 'abc12345'
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
console.log(reg.test(str4)) // true
- 4.7下面表示从开头到结尾只能有数字,并且出现 3 ~ 5 次
var reg = /^\d{3,5}$/
var str = 'abc'
var str2 = 'abc123'
var str3 = '1'
var str4 = '1234567'
var str5 = '123'
var str6 = '12345'
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // false
console.log(reg.test(str4)) // false
console.log(reg.test(str5)) // true
console.log(reg.test(str6)) // true
- 5.下面是一个简单的邮箱验证.
- 非_$开头,任意字符出现至少6次,一个@符号,(163|126|qq|sina)中的任意一个,一个点,(com|cn|net)中的任意一个.
var reg = /^[^_$].{6,}@(163|126|qq|sina)\.(com|cn|net)$/
- 6.正则的方法
- 6.1验证:reg.test(str)
- 语法:
正则.test(字符串)
- 返回值: boolean.
- 1.->默认验证局部字符串(是否包含) ->只要字符串中,有一部分符合,就符合.
- 2.整体验证,需要标记开头和结尾 ->从第一位^开始验证,验证到最后一位$
console.log(/\d+/.test('123')) // true
console.log(/\d+/.test('abc')) // false
- 6.2查询:reg.exec(str)
- 语法:
正则.exec(字符串)
- 返回值: 把字符串中符合正则要求的第一项以及一些其他信息,以数组的形式返回.
- 1.是把字符串中符合条件的内容捕获出来.每次查询时,会在上次查询结束的位置继续查询. ->直到查询到最后,返回null. ->继续回到初始位置,开始查询.
- 正则的属性:reg.lastIndex. (正则开始验证的位置,是可修改的)- >表示查询到字符的某个位置的索引.
- 语法:
var reg = /\d{3}/
var str = 'hello123world456你好789'
var res = reg.exec(str)
console.log(res)
/*
["123", index: 5, input: "hello123world456你好789", groups: undefined]
0: "123"
groups: undefined
index: 5
input: "hello123world456你好789"
length: 1
__proto__: Array(0)
*/
-
数组第 0 项就是匹配到的字符串内容
-
index 属性表示从字符串的索引几开始是匹配的到字符串
- 6.3字符串的方法:
查询
: str.search(reg,“newStr”)查找字符串中是否有满足正则条件的内容.- 语法:
字符串.search(正则)
- 返回值 : 有的话返回开始索引,没有返回 -1.
var reg = /\d{3}/
var str = 'hello123'
var str2 = 'hello'
console.log(str.search(reg)) // 5
console.log(str2.search(reg)) // -1
查询
:str.match(reg) ->根据指定规则,查询字符串中符合的子串,找到字符串中符合正则条件的内容返回,放在一个数组中.
- 语法: 字符串.match(正则)- 返回值 :
- 没有标示符 g 的时候,是和 exec 方法一样
- 有标示符 g 的时候,是返回一个数组,里面是匹配到的每一项
- 返回值 :
var reg = /\d{3}/
var str = 'hello123world456'
var str2 = 'hello'
console.log(str.match(reg))
// ["123", index: 5, input: "hello123wor456", groups: undefined]
console.log(str2.match(reg)) // null
var reg = /\d{3}/g
var str = 'hello123world456'
var str2 = 'hello'
console.log(str.match(reg))
// ["123", "456"]
console.log(str2.match(reg)) // null
替换
:replace -> 是将字符串中满足正则条件的字符串替换掉- 语法:
字符串.replace(正则,要替换的字符串)
- 返回值 : 替换后的字符串
- 语法:
var reg = /\d{3}/
var str = 'hello123world456'
var str2 = 'hello'
console.log(str.replace(reg)) // hello666world456
console.log(str2.replace(reg)) // hello
var reg = /\d{3}/g
var str = 'hello123world456'
var str2 = 'hello'
console.log(str.replace(reg)) // hello666world666
console.log(str2.replace(reg)) // hello
var reg = /\d{3}/g
var str = 'hello123world456'
var str2 = 'hello'
console.log(str.replace(reg)) // hello666world666
console.log(str2.replace(reg)) // hello
- 附表达式全集参考:
https://tool.oschina.net/uploads/apidocs/jquery/regexp.html