js中matchAll()方法的使用-js教程-PHP中文网

js中matchAll()方法的使用

舞夢輝影

发布： 2025-11-15 21:46:02

原创

483人浏览过

matchAll() 是JavaScript中字符串的全局匹配方法，需配合带g标志的正则表达式使用，返回包含所有匹配结果（含索引和捕获组）的迭代器，可通过循环或展开语法转换为数组进行后续处理。

js中matchall()方法的使用

在JavaScript中，matchAll() 是一个用于字符串的方法，能够全局匹配正则表达式的所有结果，包括捕获组。它比传统的 match() 更强大，特别适合需要获取每个匹配项详细信息的场景。

基本语法

str.matchAll(regexp)

参数要求：

regexp：必须是一个带有 g 标志（全局匹配）的正则表达式，否则会抛出错误。
返回值是一个 迭代器（Iterator），包含所有匹配结果，每个结果都是一个数组，附带额外属性如 index 和 input。

使用示例

假设有这样一段文本，想提取所有的单词及其位置：

const text = "Hello, hello, world!";
const regex = /hello/gi;
const matches = text.matchAll(regex);

for (const match of matches) {
console.log(match);
}

输出结果类似：

["Hello", index: 0, input: "Hello, hello, world!", groups: undefined]
["hello", index: 7, input: "Hello, hello, world!", groups: undefined]

可以看到每个匹配项都包含了匹配的字符串、在原字符串中的索引位置等信息。

配合捕获组使用

当正则中包含括号（捕获组）时，matchAll() 能清晰地返回每组内容。

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

查看详情

输出：

姓名: Alice, 年龄: 25
姓名: Bob, 年龄: 30

这里 match[1] 对应第一个捕获组（姓名），match[2] 是年龄。

转换为数组处理

由于 matchAll() 返回的是迭代器，不能直接使用数组方法。可以用展开语法或 Array.from() 转成数组：

const allMatches = [...text.matchAll(regex)];
// 或者
const allMatches = Array.from(text.matchAll(regex));

这样就可以使用 map、filter 等方法进一步处理。

基本上就这些。只要记得正则必须带 g，并且结果是迭代器，需要用循环或转换才能完整获取数据。matchAll() 在处理复杂文本解析时非常实用。

以上就是js中matchAll()方法的使用的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript ATAN 函数与 Excel 计算差异：解析与修正 JavaScript中动态扩展数组以实现按比例重复与匹配的策略理解JavaScript中this关键字：一份详细教程解决 JavaScript 中 ATAN 函数与 Excel 计算结果差异的问题 JavaScript动态DOM操作：将现有元素移动到新建容器的教程