JavaScript 字符串匹配：match 方法详解

在 JavaScript 中，String.prototype.match() 方法用于检索返回一个字符串匹配正则表达式的结果。如果没有找到任何匹配的文本，则返回 null。该方法是一个字符串对象的方法，因此它应该被应用于一个字符串实例上。

语法

str.match(regexp)

str：需要进行搜索的字符串。

regexp：一个正则表达式对象或一个包含正则表达式的字面量。如果传入的是一个非正则表达式对象，则会隐式地使用 new RegExp(obj) 将其转换为一个正则表达式对象。

返回值

如果 regexp 不具有全局标志（g），则 match() 返回与正则表达式第一个匹配及其相关的捕获组组成的数组。返回的数组的第一个元素是与整个正则表达式匹配的字符串，之后的元素是捕获组的匹配结果（如果有的话）。此外，返回的数组还包含两个额外的属性：index 表示匹配结果的起始位置，input 表示原始字符串。

如果 regexp 具有全局标志（g），则 match() 返回所有匹配结果的数组，但不会返回捕获组的信息。此时，数组中不包含 index 和 input 属性。

如果没有找到任何匹配项，则返回 null。

示例

不带全局标志的正则表达式

let str = "For more information, visit Mozilla Developer Network or MDN.";

let regexp = /moz(illa)/i;

let matchArray = str.match(regexp);

console.log(matchArray[0]); // 输出: "Mozilla"（完整匹配）

console.log(matchArray[1]); // 输出: "illa"（第一个捕获组的内容）

console.log(matchArray.index); // 输出: 24（匹配开始的位置）

console.log(matchArray.input); // 输出: "For more information, visit Mozilla Developer Network or MDN."（原始字符串）

带全局标志的正则表达式

let str = "The quick brown fox jumps over the lazy dog. The quick blue fox runs.";

let regexp = /quick\s(\w+)/g;

let matches = str.match(regexp);

console.log(matches); // 输出: ["quick brown", "quick blue"]（所有匹配的子串）

// 注意这里没有捕获组的信息，也没有 index 和 input 属性

没有匹配的情况

let str = "Hello World!";

let regexp = /goodbye/i;

let result = str.match(regexp);

console.log(result); // 输出: null（没有找到匹配项）

注意事项

当使用带有全局标志（g）的正则表达式时，match() 会查找字符串中所有可能的匹配项，并返回一个数组。

如果正则表达式中包含圆括号定义的捕获组，并且不使用全局标志（g），则返回的数组将包括完整的匹配和每个捕获组的匹配内容。

使用 match() 时，应确保理解正则表达式的行为，特别是关于全局标志的使用及其对返回值的影响。

通过掌握 match() 方法，你可以轻松地在 JavaScript 中进行复杂的字符串匹配操作。