Js：正则表达式(一)

1、字面量创建正则表达式

语法: /a/

javascript 复制代码

let hd = "houdunren";
/a/.test(hd); // true

2、使用对象创建正则表达式

语法: let reg = new RegExp("xxx");

javascript 复制代码

let hd = "houdunren";
let reg = new RegExp("a", "g");
reg.test(hd); // true

3、选择符的使用

语法: /a|b/

javascript 复制代码

let language = "cn";
/en|cn/.test(language); // true

4、原子表与原子组中的选择符

定义:

原子表:在一组字符中匹配某个元字符,在正则表达式中通过元字符表来完成,就是放到[]中,并且原子表中部分字符不需要转义(例如:小数点.)

原子组:没有添加g修正符时只匹配到第一个,匹配到的信息包含0-匹配到的完整内容,1,2...-匹配到的原子组,index-元字符串中的位置,input-原字符串,groups-命名分组,在match中使用原子组匹配,会将每个组数据返回到结果中

语法: 原子表[]、原子组()

javascript 复制代码

console.log(/[12345]/.test("12")); // true
console.log(/(12|34)/.test("1324")); // false


// 原子表的基本使用
let date = "2022-09-03";
reg = /^\d{4}([-\/])\d{2}\1\d{2}$/;
console.log(date.match(reg)[0]); //2022-09-03
console.log("2022-12/08".match(reg)); //null
console.log("2022/12/08".match(reg)); // [ '2022/12/08', '/', index: 0, input: '2022/12/08', groups: undefined ]

javascript 复制代码

 <!-- 邮箱验证原子组的使用 -->
<input type="text" name="mail">
<span></span>
<script>
    let mail = document.querySelector("[name=mail]").addEventListener("keyup", function () {
        let reg = /^[\w-]+@([\w-]+\.)+(com|org|cc|cn|net)$/i;
        document.querySelector("span").innerHTML = reg.test(this.value) ? "success" : "failed";
    });
</script>

5、转义的理解

原因: 有些字符在正则语法中有不同的含义,例如点(.)第一个含义是除换行符外任何字符,第二个含义才是普通点,这时需要第二个点含义就需要转义(\.)

语法: \. \d

6、字符边界约束

语法:^-开始边界 $-结束边界

javascript 复制代码

let flag = "qwasas".match(/^[a-z]{3,6}$/); // true

7、数值与空白字符

语法: 数值-\d 匹配多个数组(贪婪)-\d+ 空白字符(包括换行符\n)-\s

反向匹配: 非数值-\D 非空白字符-\S

javascript 复制代码

//数值匹配
console.log(/\d/.test("12asa34asa")); // true
console.log(/\d/.test("abc")); // false
// 多数值匹配
console.log(/\d+/.test(1234)); // true
console.log(/\d+/.test(1234.45)); // true
// 空白字符匹配
console.log(/\s/.test("asa")); // false
console.log(/\s/.test(" asa")); // true
console.log(/\s/.test("\nasa")); // true
// 非数值匹配
console.log(/\D/.test(1234)); // false
console.log(/\D/.test("abc1234")); // true
// 非空字符匹配
console.log(/\S/.test("asa")); // true
console.log(" asa".match(/\S/g)); // [ 'a', 's', 'a' ]

8、w与W元字符

定义: \w-数值+字母+下划线 \W-非数值非字母非下划线

javascript 复制代码

//['d', 'o', 'u', 'd', 'u','n', 'r', 'e', '1', '2','2', '1', '2', '1', '1','w', 's', 'a', '_']
console.log("doudunre1`22121@1wsa_*&*^".match(/\w/g));
console.log("doudunre1`22121@1wsa_*&*^".match(/\W+/g)); // [ '`', '@', '*&*^' ]