正则

最新推荐文章于 2022-07-22 13:29:46 发布

原创最新推荐文章于 2022-07-22 13:29:46 发布 · 534 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

学习笔记专栏收录该内容

10 篇文章

订阅专栏

本文深入解析正则表达式的创建、使用及各种符号的含义，包括元字符、限定符、边界符等，通过实例演示如何进行字符串的验证、查询与替换。

正则

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