请解释 String.prototype.match()、String.prototype.replace() 和 String.prototype.search() 方法的作用和用法。

推荐答案

这三个方法都用于在字符串中进行模式匹配，但它们的用途和返回结果有所不同：

1. String.prototype.match(regexp):

   • 作用: 用于在字符串中查找匹配给定正则表达式 regexp 的子字符串。
   • 用法:
     • 如果 regexp 包含 g (全局) 标志，它会返回一个包含所有匹配子字符串的数组。如果没有匹配项，则返回 null。
     • 如果 regexp 不包含 g 标志，它会返回一个数组，其第一个元素是匹配的子字符串，后面是捕获的分组(如果有的话)，数组同时包含 index (匹配的起始位置) 和 input (原始字符串) 属性。如果没有匹配项，则返回 null。

2. String.prototype.replace(regexp|substr, newSubstr|function):

   • 作用: 用于在字符串中查找匹配给定 regexp (或子字符串 substr) 的子字符串，并用 newSubstr (或 function 的返回值) 替换之。
   • 用法:
     • 如果第一个参数是 regexp，并且包含 g 标志，它会替换所有匹配的子字符串。否则，只替换第一个匹配的子字符串。
     • 如果第一个参数是 substr，它只替换第一个匹配的子字符串。
     • 第二个参数可以是 newSubstr 或一个函数。如果是函数，则该函数的返回值将用于替换匹配的子字符串。该函数可以接收多个参数，包括匹配的子字符串，捕获的分组等。

3. String.prototype.search(regexp):

   • 作用: 用于在字符串中查找匹配给定正则表达式 regexp 的子字符串的起始位置。
   • 用法:
     • 返回匹配到的子字符串的起始索引。
     • 如果找不到匹配的子字符串，则返回 -1。
     • search() 方法忽略正则表达式的 g 标志。

本题详细解读

这三个方法都是 JavaScript 中处理字符串模式匹配的关键工具，理解它们的区别和用法对于进行文本处理和数据操作至关重要。

String.prototype.match()

match() 方法的核心功能是查找匹配项并返回它们。

示例:

-- -------------------- ---- -------
----- --- - ------- ------ ------ --------

-- ---- -------
--- -------- - --------------------
---------------------- -- --- --------- --------

-- ----- -------
--- -------- - -------------------
---------------------- -- --- --------- ------ -- ------ ------- ------ ------ -------- ------- ----------

-- -----
--- -------- - ---------------------
---------------------- -- --- ----

-- ---------
--- -------- - ---------------------
--------------------- -- --- --------- ------- ------ -- ------ ------- ------ ------ -------- ------- ----------

使用场景:

• 提取字符串中的特定模式，例如提取所有邮件地址、电话号码等。
• 校验字符串是否符合某种模式，例如校验用户输入的密码强度。

String.prototype.replace()

replace() 方法的核心功能是查找匹配项并替换它们，它提供了相当大的灵活性。

示例:

-- -------------------- ---- -------
--- --- - ---- ----- ----- --- ----- ---- --- ---- ------

-- -------
--- --------- - -------------------- --------
----------------------- -- --- ---- ---- ----- --- ----- ---- --- ---- -----

-- ---------
--- --------- - ------------------- -----
----------------------- -- --- ---- ----- ----- --- ----- ---- - ---- -----

-- ------
--- --------- - -------------------- --- ---------- -- ---------------- - - ---
----------------------- -- --- ---- ----- ----- --- ----- ---- - ---- -----

-- -- -------- - -- -------
--- --------- - ------------------ --- - ---- ----- ---
---------------------- -- --- --- ----- ----- --- - ---- -----  ----- ---- --- ---- ----

--- --------- - ------------------ --- - ----- --- ---
---------------------- -- --- --- ----- -----  - ----- ---  ----- ---- --- ---- ----

--- --------- - ------------------ --- - ------ --- ---
---------------------- -- --- --- ----- -----  - ------ ---  ----- ---- --- ---- ----

--- --------- - ----------------------------- --------
---------------------- -- --- ---------------

使用场景:

• 替换字符串中的敏感词。
• 格式化字符串，例如将日期、时间格式化为特定的格式。
• 修改 HTML 字符串中的属性值。

String.prototype.search()

search() 方法的核心功能是查找匹配项的起始位置，它只返回索引，不返回匹配到的字符串本身。

示例:

const str = "The quick brown fox.";

let index1 = str.search(/quick/);
console.log(index1); // 输出: 4

let index2 = str.search(/cat/);
console.log(index2); // 输出: -1

使用场景:

• 检查字符串中是否存在某个模式。
• 获取匹配模式的起始位置，以便进行后续操作，例如截取字符串。

总结: match() 返回匹配结果，replace() 用于替换，而 search() 返回匹配位置索引。它们是处理字符串模式匹配的三个基本而强大的工具。