企业官网建设流程全解析

北京朝阳区网站建设公司,c2c网站建设公司,陕西网站建设宣传方案,东营教育信息网官网JS中的正则表达式实例集锦#xff1a;部分语法类型核心含义/.../定界符正则表达式的边界标识#xff08;JavaScript/Perl 等语言的标准写法#xff09;#xff0c;包裹正则主体。\.转义字符匹配字面量的点号 .。⚠️ 重点#xff1a;正则中 . 是通配符#xff08;匹配任意…JS中的正则表达式实例集锦部分语法类型核心含义/.../定界符正则表达式的边界标识JavaScript/Perl 等语言的标准写法包裹正则主体。\.转义字符匹配字面量的点号.。⚠️ 重点正则中.是通配符匹配任意单个字符必须用\转义才能匹配实际的.。()分组符正则的 “分组” 语法作用是1. 把括号内的内容视为一个整体2. 捕获匹配到的内容可通过 $1/$2 等引用⚠️ 这里括号内是空的意味着 “匹配空内容”。$锚点匹配字符串的结束位置确保$前面的内容必须出现在字符串最后。匹配 / 不匹配示例javascript// 示例1匹配 .txt 结尾的文件把空分组换成 txt const reg1 /\.(txt)$/; console.log(reg1.test(note.txt)); // true console.log(reg1.test(note.txt.bak)); // false结尾不是 .txt // 示例2匹配 .json 或 .yml 结尾的文件分组内加或逻辑 const reg2 /\.(json|yml)$/; console.log(reg2.test(config.json)); // true console.log(reg2.test(docker.yml)); // true console.log(reg2.test(data.csv)); // false正则表达式用法 1匹配「前面的字符 / 分组」0 次或 1 次最基础这是你之前在woff2?中看到的用法也是最常用的。语法字符?或(分组)?含义表示它前面紧邻的那个字符 / 分组是「可选的」—— 匹配 0 次没有或 1 次有。示例const reg /^86?1[3-9]\d{9}$/; // 不带区号的 11 位手机号正常场景 console.log(reg.test(13800138000)); // false console.log(reg.test(19912345678)); // false // 带 86 区号的手机号 console.log(reg.test(8613800138000)); // true console.log(reg.test(8617788990011)); // true // 示例1匹配 color 或 colour英式拼写 const reg1 /colou?r/; console.log(reg1.test(color)); // trueu 出现 0 次 console.log(reg1.test(colour)); // trueu 出现 1 次 console.log(colouur is :,reg1.test(colouur));// falseu 出现 2 次 // 示例2匹配手机号可选带区号 86 const reg2 /^86?1[3-9]\d{9}$/; console.log(13800138000 is :,reg2.test(13800138000)); // false86 出现 0 次 console.log(reg2.test(8613800138000)); // true86 出现 1 次 console.log(reg2.test(88613800138000));// false86 多了个 8用法 2将「贪婪匹配」转为「非贪婪匹配」重要正则默认是「贪婪模式」尽可能多匹配?加在*//?/{n,m}后会变成「非贪婪模式」尽可能少匹配。语法*?/?/??/{n,m}?含义匹配到满足条件的「最短内容」就停止。示例javascriptconst str div内容1/divdiv内容2/div; // 贪婪匹配默认匹配从第一个 div 到最后一个 /div 的所有内容 const regGreedy /div.*\/div/; console.log(str.match(regGreedy)[0]); // 输出div内容1/divdiv内容2/div // 非贪婪匹配加?匹配第一个 div 到最近的 /div const regNonGreedy /div.*?\/div/; console.log(str.match(regNonGreedy)[0]); // 输出div内容1/div