ES11 中的两个新的 String.prototype 方法：String.prototype.{match,search}()
在前端开发中，字符串的处理是不可避免的。ES11 中新增了两个 String.prototype 方法，即 String.prototype.match() 和 String.prototype.search()，这两个方法能够更加方便地对字符串进行处理。本文将详细介绍这两个新方法的用法及其指导意义。
String.prototype.match()
String.prototype.match() 方法用于在字符串中查找与指定正则表达式匹配的子串。该方法返回一个数组，其中包含找到的匹配项。如果未找到匹配项，则返回 null。
使用该方法的基本语法如下：
--------------------
其中，regexp 为要搜索的正则表达式。
示例代码：
----- --- - ------- -------- ----- ----- - -------- ----- ------ - ----------------- -------------------- -- ---------
在上面的示例中，我们使用 match() 方法查找字符串中包含 "Hello" 的子串。由于字符串中确实包含 "Hello"，因此方法返回了一个数组，其中包含找到的匹配项 "Hello"。
另外，match() 方法还可以传递一个全局标志 g，用于查找所有匹配项。示例代码如下：
----- --- - ------- -------- ----- ----- - ----- ----- ------ - ----------------- -------------------- -- ----- ---- ----
在上面的示例中，我们使用 match() 方法查找字符串中所有的 "l"。由于字符串中有 3 个 "l"，因此方法返回一个数组，其中包含所有找到的匹配项 "l"。
String.prototype.search()
String.prototype.search() 方法用于在字符串中查找与指定正则表达式匹配的子串。该方法返回第一个匹配项的索引。如果未找到匹配项，则返回 -1。
使用该方法的基本语法如下：
---------------------
其中，regexp 为要搜索的正则表达式。
示例代码：
----- --- - ------- -------- ----- ----- - -------- ----- ------ - ------------------ -------------------- -- -
在上面的示例中，我们使用 search() 方法查找字符串中包含 "World" 的子串。由于字符串中包含 "World"，因此方法返回该子串的索引 7。
另外，与 match() 方法类似，search() 方法也可以传递一个全局标志 g，用于查找所有匹配项的索引。示例代码如下：
----- --- - ------- -------- ----- ----- - ----- ----- ------ - ------------------ -------------------- -- -
在上面的示例中，我们使用 search() 方法查找字符串中所有的 "l"。由于字符串中第一个 "l" 的索引为 2，因此方法返回该索引。
指导意义
String.prototype.match() 和 String.prototype.search() 方法可以更加方便地对字符串进行处理，特别是在需要查找字符串中某个子串或正则表达式匹配项时，这两个方法可以极大地简化代码。
同时，在实际开发中，我们也可以利用这两个方法来进行字符串的校验、替换等操作。因此，掌握这两个方法的用法对于前端开发人员来说是非常有必要的。
总结
本文详细介绍了 ES11 中的两个新的 String.prototype 方法：String.prototype.match() 和 String.prototype.search()。通过示例代码的演示，我们可以更加深入地理解这两个方法的用法及其指导意义。在实际开发中，我们应该善于利用这些方法来提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65def2ce1886fbafa4c397d2