js match函数|极客笔记

js match函数

1. 什么是 match 函数

在 JavaScript 中，match() 是一个字符串对象的方法，用于在字符串中查找一个或多个与正则表达式匹配的子字符串。通过使用正则表达式作为参数，可以找到所有匹配的子字符串，并将它们作为一个数组返回。如果没有找到匹配的子字符串，则返回 null。

2. match 函数的语法

match 函数的语法如下：

string.match(regexp)

string: 要进行匹配的字符串
regexp: 一个正则表达式对象，用于匹配子字符串

3. match 函数的返回值

match 函数会返回一个数组，包含与正则表达式匹配的子字符串。如果没有找到匹配的子字符串，则返回 null。

如果没有使用全局标志(‘g’)，则返回数组的第一个元素是与整个正则表达式匹配的字符串，后面的元素是与正则表达式中的捕获组匹配的字符串。
如果使用了全局标志(‘g’)，则返回所有与正则表达式匹配的字符串，不包括捕获组。

下面是一个简单的示例代码：

var string = "Hello, world! This is a test string for match function.";
var pattern = /is/g;
var result = string.match(pattern);
console.log(result);

运行结果：

[
  'is',
  'is'
]

在上面的代码中，我们使用 match 函数查找字符串中所有的 “is” 子字符串，并将结果打印到控制台。由于使用了全局标志(‘g’)，所以返回了两个匹配的结果。

4. match 函数的参数

match 函数接受一个正则表达式对象作为参数，用于指定要匹配的模式。

4.1. 传递一个简单的字符串

可以直接传递一个简单的字符串作为参数。在这种情况下，match 函数会将字符串作为正则表达式对象处理。

var string = "Hello, world! This is a test string for match function.";
var result = string.match("is");
console.log(result);

运行结果：

[
  'is',
  index: 15,
  input: 'Hello, world! This is a test string for match function.',
  groups: undefined
]

在上面的代码中，我们将字符串 “is” 作为参数传递给 match 函数。由于传递的是一个字符串，match 函数会将其作为正则表达式对象处理。匹配结果如上所示。

4.2. 传递一个 RegExp 对象

也可以传递一个已经定义好的 RegExp 对象作为参数。

var string = "Hello, world! This is a test string for match function.";
var pattern = /is/;
var result = string.match(pattern);
console.log(result);

运行结果：

[
  'is',
  index: 15,
  input: 'Hello, world! This is a test string for match function.',
  groups: undefined
]

在上面的代码中，我们定义了一个正则表达式对象，并将其作为参数传递给 match 函数。匹配结果与前面的示例相同。

4.3. 使用全局标志

在正则表达式中使用全局标志(‘g’)，可以匹配所有符合条件的子字符串。

var string = "Hello, world! This is a test string for match function.";
var pattern = /is/g;
var result = string.match(pattern);
console.log(result);

运行结果：

[
  'is',
  'is'
]

在上面的代码中，我们使用全局标志 ‘g’，匹配了字符串中所有的 “is” 子字符串。

5. match 函数的应用场景

match 函数可以在很多场景下使用，下面是一些常见的应用场景：

5.1. 匹配邮箱格式

function validateEmail(email) {
  var pattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
  return email.match(pattern);
}

console.log(validateEmail("test@example.com"));  // ["test@example.com"]
console.log(validateEmail("invalid_email"));     // null

在上面的代码中，我们定义了一个函数 validateEmail，用于验证邮箱地址的格式。通过使用正则表达式匹配邮箱地址，如果匹配成功，则返回邮箱地址，否则返回 null。

5.2. 提取字符串中的数字

var string = "Hello, world! This is a test string with numbers: 12345 and 67890.";
var pattern = /\d+/g;
var result = string.match(pattern);
console.log(result);

运行结果：

[
  '12345',
  '67890'
]

上面的代码中，我们使用正则表达式 \d+ 匹配字符串中的数字，并将匹配结果打印到控制台。

5.3. 查找字符串中的链接

function extractLinks(text) {
  var pattern = /https?:\/\/\S+/g;
  return text.match(pattern);
}

var string = "Hello, world! This is a test string with a link: https://example.com";
console.log(extractLinks(string));  // ["https://example.com"]

在上面的代码中，我们定义了一个函数 extractLinks，用于从字符串中提取链接。通过使用正则表达式匹配字符串中的链接，如果匹配成功，则返回链接数组。