请解释 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() 方法的核心功能是查找匹配项并返回它们。

示例:

// www.javascriptcn.com code example
const str = "Hello, world! Hello, again.";

// 全局匹配 "Hello"
let matches1 = str.match(/Hello/g);
console.log(matches1); // 输出: ["Hello", "Hello"]

// 非全局匹配 "Hello"
let matches2 = str.match(/Hello/);
console.log(matches2); // 输出: ["Hello", index: 0, input: "Hello, world! Hello, again.", groups: undefined]

// 没有匹配项
let matches3 = str.match(/Goodbye/);
console.log(matches3); // 输出: null

// 包含捕获分组的匹配
let matches4 = str.match(/H(ello)/);
console.log(matches4) // 输出: ["Hello", "ello", index: 0, input: "Hello, world! Hello, again.", groups: undefined]

使用场景:

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

String.prototype.replace()

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

示例:

// www.javascriptcn.com code example
let str = "The quick brown fox jumps over the lazy dog.";

// 使用字符串替换
let replaced1 = str.replace("quick", "fast");
console.log(replaced1); // 输出: "The fast brown fox jumps over the lazy dog."

// 使用正则表达式替换
let replaced2 = str.replace(/the/g, "a");
console.log(replaced2); // 输出: "The quick brown fox jumps over a lazy dog."

// 使用函数替换
let replaced3 = str.replace(/(the|a) /g, (match,p1) => p1.toUpperCase() + ' ');
console.log(replaced3); // 输出: "THE quick brown fox jumps over A lazy dog."

// 使用 $&,$`,$' 和 $n 等特殊替换模式
let replaced4 = str.replace(/fox/, "$& - Very cute! ");
console.log(replaced4) // 输出: The quick brown fox - Very cute!  jumps over the lazy dog.

let replaced5 = str.replace(/fox/, "$` - After fox ");
console.log(replaced5) // 输出: The quick brown  - After fox  jumps over the lazy dog.

let replaced6 = str.replace(/fox/, "$' - Before fox ");
console.log(replaced6) // 输出: The quick brown  - Before fox  jumps over the lazy dog.

let replaced7 = 'a12b34c56'.replace(/(\d+)/g, '[$1]');
console.log(replaced7) // 输出: a[12]b[34]c[56]

使用场景:

• 替换字符串中的敏感词。
• 格式化字符串，例如将日期、时间格式化为特定的格式。
• 修改 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() 返回匹配位置索引。它们是处理字符串模式匹配的三个基本而强大的工具。