Js：正则表达式(一)

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

语法: /a/

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

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

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

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

3、选择符的使用

语法: /a|b/

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

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

定义:

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

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

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

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 ]

<!-- 邮箱验证原子组的使用 --> <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、字符边界约束

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

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

7、数值与空白字符

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

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

//数值匹配 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-非数值非字母非下划线

//['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)); // [ '`', '@', '*&*^' ]