JavaScript正则表达式的问题分裂

正则表达式是在前端开发中经常用到的一种工具，它能够帮助我们高效地处理字符串。但是，即使对于有经验的开发者来说，也会遇到各种棘手的问题。本文将围绕JavaScript正则表达式的问题展开讨论，并提供深入学习和指导意义。

1. 贪婪匹配 vs. 非贪婪匹配

正则表达式默认是贪婪匹配，这意味着它会尽可能多地匹配符合条件的内容。例如，在下面的代码中，正则表达式 /<.*>/ 将匹配整个字符串 <div>hello</div><p>world</p>：

const str = "<div>hello</div><p>world</p>";
const regex = /<.*>/;
console.log(str.match(regex)); // 输出: ["<div>hello</div><p>world</p>"]

如果你想要非贪婪匹配，也就是只匹配到第一个符合条件的内容，可以使用 ? 来表示非贪婪匹配。例如，在下面的代码中，正则表达式 /<.*?>/ 将只匹配到第一个 <div>：

const str = "<div>hello</div><p>world</p>";
const regex = /<.*?>/; 
console.log(str.match(regex)); // 输出: ["<div>"]

2. 正则表达式的全局匹配

在 JavaScript 中，正则表达式还有一个 g 标志，它表示全局匹配。全局匹配会找到字符串中所有符合条件的内容。例如，在下面的代码中，正则表达式 /a/g 将找到字符串 "abacadaf" 中的所有字母 "a"：

const str = "abacadaf";
const regex = /a/g;
console.log(str.match(regex)); // 输出: ["a","a","a"]

需要注意的是，当使用全局匹配时，match() 方法将返回一个数组，包含所有符合条件的内容。如果没有找到任何内容，则返回 null。

3. 正则表达式中的捕获组

捕获组是指用括号 () 包裹起来的部分，它可以用于从匹配到的字符串中提取出我们想要的内容。例如，在下面的代码中，正则表达式 /(hello)\s(world)/ 将匹配字符串 "hello world"，并且会把 "hello" 和 "world" 分别作为第1个和第2个捕获组：

const str = "hello world";
const regex = /(hello)\s(world)/;
const match = str.match(regex);
console.log(match[1]); // 输出: "hello"
console.log(match[2]); // 输出: "world"

除了使用捕获组来提取内容外，还可以使用非捕获组 (?:) 来进行分组匹配，但是它不会创建新的捕获组。例如，在下面的代码中，正则表达式 /(?:hello)\s(world)/ 将匹配字符串 "hello world"，但是不会创建新的捕获组：

const str = "hello world";
const regex = /(?:hello)\s(world)/;
const match = str.match(regex);
console.log(match[1]); // 输出: "world"

4. 正则表达式中的零宽断言

零宽断言是一种特殊的语法，它可以在不匹配字符本身的情况下，限制正则表达式的匹配范围。常见的零宽断言有：肯定顺序环视 (?=)、否定顺序环视 (?!)、

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12285