哪些是正则表达式？别被当前这个名字吓一跳，它其实就是带通配符的字符串模板。你想匹配哪些？就用正则表达式！这玩意儿在 JavaScript 里简直是字符串处理的利器， 能帮你迅速提取、搜索、替换文本中的特定模式。别以为正则是较高较深莫测的魔法，其实只要掌握一些基本概念和技巧，就能轻巧松搞定各种字符串不容简单题，我无法认同...。

为哪些要学习了解 JavaScript 正则表达式？

• 强较大较大的字符串操作：正则能帮你较高效地处理繁杂的字符串， 比如提取邮箱地址、电话号码、日期格式等。
• 数据验证：能够用来验证用户输入的数据有没有符合规范，避免恶意数据注入。
• 文本处理：能够用来对文本进行批量修改和转换。
• 代码简洁：比起手动编写繁杂的字符串操作逻辑，采用正则通常更简洁简单懂。
• 避免死循环和错误：如果没掌握良好正则规则就简单出现卡死或者无法正确匹配的情况

JavaScript 中的正则表达式创建方式

字面量语法

最常见的创建方式就是直接写在代码里：举个例子 ` /abc/ ` 。 也是没谁了... 注意斜杠 `/` 是界定正则表达式的符号。

构造函数语法

另一种方式是采用 `new RegExp` 方法。这种方式更灵活，能够动态地构建正则表达式，KTV你。。

两种方式：字面量语法和构造函数。它们在动态构建时行为差异明显。

let pattern = /a+/; // 字面量语法

哪些 flag 值真实正作用于行为

常见 flag 值

• g: 全局匹配 - 默认不生效
• i: 忽略较大较小写 - 举个例子 ` /abc/i` 能够匹配 "abc", "A娱乐", "a娱乐" 等
• m: 更多行模式 - 使 `^` 和 `$` 也能匹配换行符
注意 : 有些周边环境默认没有当前这个flag ,需要显式设置才生效.

一个简洁的例子

let str = "Hello World!"; // 测试字符串

• let pattern = /World/; //查找World出现的位置 let index = str.indexOf; //查找位置并返回索引值 console.log; // 输出6

更较高级的用法

分组与引用

let pattern = /\s/; // 分组模式 let match = str.match; // 落实匹配操作 console.log; // 输出 console.log; // 输出 Hello console.log; // 输出 World console.log; // 输出 World，我直接好家伙。

贪婪与非贪婪模式

let pattern = /a+/; // 非贪婪模式会尽有可能更少地匹配 a let match = str.match; // 输出 "a" let pattern2 = /a+.*/; //非贪婪模式会尽有可能更多地匹配 a...后面的全部字符。 太刺激了。 let match2 = str.match; //输出 “Hello World!” 这是因为它会匹配到整个String

实际应用案例

邮箱地址验证

function isValidEmail { /* 采用正则表达式判断 email 有没有有效 */ }

怎样避免常见的正则坑

• 不要过度采用正则: 如果简洁的 string 操作就能够完成任务的话 ,尽量选择更简洁的方法来提升效率 。
• 测试你的正则: 在不同的输入下测试你的正则 ,确保它能够正确地进行匹配和处理 。 能够采用一些在线测试工具来协助你 。
• 明白特殊字符的含义: 正则中有很更多特殊字符 ,了解它们的含义对于编写正确的正则非常十分沉关键 。 举个例子 . 、 * 、 + 、 ? 、 ^ 、 $ 等等 。如果你想直接采用这一些字符 ，需要用反斜杠转义一下 。