ES10 中的 String.prototype.match() 方法和 String.prototype.search() 方法的区别-JavaScript中文网-JavaScript教程资源分享门户

在 ES10 中，String.prototype.match() 和 String.prototype.search() 是两个常用的字符串方法。它们都用于在一个字符串中查找匹配的子字符串。但是这两个方法有不同的用途和返回值。在本文中，我们将深入探讨这两个方法的区别，以及何时使用它们。

String.prototype.match()

String.prototype.match() 方法接受一个正则表达式作为参数，并返回一个匹配数组。如果正则表达式没有全局标志 (g)，则只返回第一个匹配项。如果有全局标志，则返回所有匹配项。如果没有匹配项，则返回 null。

下面是一个使用 String.prototype.match() 方法的示例：

const str = 'The quick brown fox jumps over the lazy dog';
const regex = /[aeiou]/g;
const vowels = str.match(regex);

console.log(vowels); // ['e', 'u', 'i', 'o', 'o', 'u', 'e', 'a', 'o']

在上面的代码中，我们使用正则表达式 /[aeiou]/g 查找字符串中的所有元音字母。由于我们使用了全局标志，因此返回了所有匹配项的数组。

需要注意的是，如果正则表达式使用捕获组，则返回的数组将包含所有匹配项及其捕获组。例如：

const str = 'John Smith, 30';
const regex = /(\w+)\s(\w+),\s(\d+)/;
const result = str.match(regex);

console.log(result); // ['John Smith, 30', 'John', 'Smith', '30']

在上面的代码中，我们使用正则表达式 /(\w+)\s(\w+),\s(\d+)/ 匹配一个字符串，该字符串包含一个姓名和一个年龄，以逗号分隔。由于我们使用了三个捕获组，因此返回的数组包含了所有匹配项及其捕获组。

String.prototype.search()

String.prototype.search() 方法接受一个正则表达式作为参数，并返回第一个匹配项的索引。如果没有匹配项，则返回 -1。

下面是一个使用 String.prototype.search() 方法的示例：

const str = 'The quick brown fox jumps over the lazy dog';
const regex = /fox/;
const index = str.search(regex);

console.log(index); // 16

在上面的代码中，我们使用正则表达式 /fox/ 查找字符串中的第一个匹配项。由于这个匹配项在索引 16 处，因此返回 16。

需要注意的是，String.prototype.search() 方法只返回第一个匹配项的索引。如果您需要找到所有匹配项的索引，应该使用 String.prototype.match() 方法。

总结

在本文中，我们深入探讨了 ES10 中的 String.prototype.match() 和 String.prototype.search() 方法的区别。String.prototype.match() 方法返回一个匹配数组，其中包含所有匹配项及其捕获组。而 String.prototype.search() 方法返回第一个匹配项的索引。如果需要找到所有匹配项的索引，应该使用 String.prototype.match() 方法。

无论您是初学者还是有经验的开发人员，了解这些方法的区别都是非常重要的。它们可以帮助您更好地处理字符串，并编写更高效的代码。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/658a9e9feb4cecbf2dfd8fab