JavaScript 字符串 match() 方法

JavaScript 字符串 match() 方法搜索原始字符串中的字符串或正则表达式，并返回包含所有匹配项的数组。如果未找到匹配项，则返回 Null。如果搜索值为字符串，则将其转换为正则表达式并开始搜索。

如果将正则表达式传递给 match() 方法，并且使用了 'g'(全局) 标志，则将返回与完整正则表达式匹配的所有结果，但是如果没有使用 'g' 标志，则只返回第一个完整匹配项及其相关的捕获组。

语法

以下是 JavaScript 字符串 match() 方法的语法：

match(regexp)

参数

regexp − 一个 regexp（正则表达式）对象。

返回值

此方法返回包含所有匹配项的数组。

示例 1

如果在原始字符串中找到匹配项，则返回包含匹配项的数组。

在下面的示例中，我们使用 JavaScript 字符串 match() 方法搜索字符串 'h'，并在原始字符串“Hi how are you？”中检索包含所有匹配项的数组。

<html>
<head>
<title>JavaScript String match() Method</title>
</head>
<body>
<script>
   const str = "Hi how are you?";
   let search_str = "h";
   document.write("Original string: ", str);
   document.write("<br>Search string: ", search_str);
   document.write("<br>An array with all matches: ", str.match(search_str));
</script>    
</body>
</html>

输出

上述程序返回 'h'。

Original string: Hi how are you?
Search string: h
An array with all matches: h

示例 2

当我们全局搜索正则表达式 '/src/g' 时。

以下是 JavaScript match() 方法的另一个示例。在这里，我们使用此方法在原始字符串“JavaScript is a scripting language”中全局搜索正则表达式 '/src/g'，并尝试检索包含匹配项的数组。

<html>
<head>
<title>JavaScript String match() Method</title>
</head>
<body>
<script>
   const str = "JavaScript is a scripting langauge";
   let regexp = /scr/g;
   document.write("Original string: ", str);
   document.write("<br>Regexp: ", regexp);
   document.write("<br>An array with all matches: ", str.match(regexp));
</script>    
</body>
</html>

输出

执行上述程序后，它将返回“src”。

Original string: JavaScript is a scripting langauge
Regexp: /scr/g
An array with all matches: scr

示例 3

当我们全局且不区分大小写地搜索正则表达式 '/src/gi' 时。

在这个程序中，我们使用 JavaScript 字符串 search() 方法在原始字符串“JavaScript is a scripting language”中全局且不区分大小写地搜索正则表达式 '/src/gi'，并尝试检索包含所有匹配项的数组。

<html>
<head>
<title>JavaScript String match() Method</title>
</head>
<body>
<script>
   const str = "JavaScript is a scripting langauge";
   let regexp = /scr/gi;
   document.write("Original string: ", str);
   document.write("<br>Regexp: ", regexp);
   document.write("<br>An array with all matches(global case-insensitive): ", str.match(regexp));
</script>    
</body>
</html>

输出

上述程序返回“Src, src”。

Original string: JavaScript is a scripting langauge
Regexp: /scr/gi
An array with all matches(global case-insensitive): Scr,scr

示例 4

如果未找到匹配项，则 match() 方法将返回 null。

<html>
<head>
<title>JavaScript String match() Method</title>
</head>
<body>
<script>
   const str = "TutorialsPoint";
   let regexp = /tuto/g;
   document.write("Original string: ", str);
   document.write("<br>Regexp: ", regexp);
   document.write("<br>An array with all matches: ", str.match(regexp));
</script>    
</body>
</html>

输出

执行上述程序后，它将返回 'null'。

Original string: TutorialsPoint
Regexp: /tuto/g
An array with all matches: null

打印页面