JavaScript 正则表达式方法详解-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00515/article/details/148416733

JavaScript 正则表达式方法详解

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info

正则表达式是 JavaScript 中处理字符串的强大工具，本文将全面介绍 JavaScript 中与正则表达式相关的字符串方法，帮助开发者掌握高效处理文本的技巧。

字符串匹配方法

match() 方法

match() 方法是字符串对象上最常用的正则表达式方法之一，它根据正则表达式的不同配置返回不同的结果：

非全局匹配模式（不带 g 标志）：
- 返回一个包含匹配结果的数组
- 数组包含完整匹配项和所有捕获组
- 包含额外的 index 和 input 属性

let str = "JavaScript is powerful";
let result = str.match(/Java(Script)/);

console.log(result[0]);  // "JavaScript"
console.log(result[1]);  // "Script"
console.log(result.index);  // 0

全局匹配模式（带 g 标志）：
- 返回所有匹配项的数组
- 不包含捕获组和其他详细信息

let str = "JS and js are both JavaScript";
let result = str.match(/js/gi);

console.log(result);  // ["JS", "js", "JS"]

无匹配情况：
- 无论是否全局匹配，都返回 null
- 这是一个常见的陷阱，需要特别注意

let result = "Hello".match(/bye/);
console.log(result);  // null

matchAll() 方法

matchAll() 是 ES2020 引入的新方法，解决了 match() 在全局匹配时无法获取捕获组信息的问题：

返回一个可迭代对象（不是数组）
每个匹配项都包含完整信息（包括捕获组）
没有匹配时返回空可迭代对象（不是 null）

let str = '<div><span>text</span></div>';
let regexp = /<(.*?)>/g;

for (let match of str.matchAll(regexp)) {
  console.log(`Found ${match[0]} with tag ${match[1]}`);
}

字符串搜索与替换

search() 方法

search() 方法用于快速查找字符串中是否存在匹配项：

返回第一个匹配项的位置索引
没有匹配时返回 -1
只查找第一个匹配项

let str = "A drop of ink may make a million think";
console.log(str.search(/ink/i));  // 10

replace() 和 replaceAll() 方法

这两个方法用于字符串替换，功能强大且灵活：

基本替换：

console.log('12-34-56'.replace('-', ':'));  // "12:34-56"

全局替换（使用正则表达式）：

console.log('12-34-56'.replace(/-/g, ':'));  // "12:34:56"

使用特殊替换模式：

let name = "John Smith";
console.log(name.replace(/(\w+) (\w+)/, '$2, $1'));  // "Smith, John"

使用替换函数：

let str = "html and css";
console.log(str.replace(/html|css/gi, match => match.toUpperCase()));
// "HTML and CSS"

replaceAll() 方法与 replace() 的主要区别：

字符串参数时替换所有出现（replace 只替换第一个）
正则表达式参数时必须带 g 标志

字符串分割与正则测试

split() 方法

split() 可以使用正则表达式作为分隔符：

console.log('12, 34, 56'.split(/,\s*/));  // ["12", "34", "56"]

test() 方法

test() 是正则表达式对象的方法，用于简单测试：

let regexp = /love/i;
console.log(regexp.test("I love JavaScript"));  // true

注意：全局正则表达式的 test() 会更新 lastIndex 属性，可能导致意外结果：

let regexp = /js/g;
console.log(regexp.test("js"));  // true
console.log(regexp.test("js"));  // false

高级技巧：exec() 方法

exec() 是正则表达式对象的方法，提供了更底层的控制：

let str = 'More about JavaScript';
let regexp = /javascript/ig;
let result;

while (result = regexp.exec(str)) {
  console.log(`Found ${result[0]} at ${result.index}`);
}

exec() 的特点：