String.prototype.matchAll called with a non-global RegExp argument

最新推荐文章于 2023-07-20 14:17:25 发布
最新推荐文章于 2023-07-20 14:17:25 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： 前端 错误 文章标签： js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43459866/article/details/128721012
版权

如上

matchAll这个API 与 正则的全局匹配是不一样的。他会将匹配到的所有字符串以迭代器的形式返回出来。

我们可以使用Array.from或者数据解构来获得匹配到的数组。

他与正则全局匹配的区别是当正则表达式包含()捕获组的时候，全局匹配无法获得子匹配组的数据。

比如，我们希望从html解析出所有img标签的src值

那么正则可以简单写成

/<img\s.*?src=(?:'|")([^'">]+)(?:'|")/g

值得注意的是，结尾的g修饰符表示全局匹配。但因为包含了子捕获组，实际返回是

在这里插入图片描述
可见并没有将src返回出来。而如果不加g修饰符，是可以返回的。
在这里插入图片描述
所以这个时候需要使用matchAll，他可以将图二中的数组再包裹一层数组整体返回。从而达到子捕获组也能得到的目的。

而标题中的错误，也恰恰在此时发生。他要求：

matchAll 必须结果g修饰符使用，否则直接报错

可以参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/matchAll

胡聊前端
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
String.prototype.matchAll()和正则表达式匹配字符串对象方法
weixin_44011306的博客
06-27 576
String.prototype.matchAll和正则表达式匹配字符串对象方法String 扩展String.prototype.matchAll()RegExp.prototype.exec() with /gString.prototype.match() with /gString.prototype.replace()String.prototype.matchAll 方法/g作用 String 扩展 String.prototype.matchAll() matchAll() 方法返回一个包含所
String.prototype.matchAll:适用于String.prototype.matchAll ESnext提案的符合规范的polyfill
04-30
string.prototype.matchall 用于String.prototype.matchAll的ES Proposal规范填充程序。 如果不可用或不String.prototype.matchAll则调用其“ shim”方法对String.prototype.matchAll进行填充。 该软件包实现了...
tring.prototype.replaceAll called with a non-global RegExp argument
业余前端的职业经历
04-23 1047
正是因为 你使用 replaceAll 这个字符串api 然后使用正则匹配自负来进行替换。那个g 全局匹配是要必须加的，还有一个matchAll 这也是如此。这个时候你必须在正则后面加一个 g 否则就报错了。如果真想 最好还是用字符匹配吧。关注我 持续更新前端知识。类似去掉空格 我们可以。
String.prototype.match()
poijm
12-30 882
Summary The match() method retrieves the matches when matching a string against a regular expression. Syntax str.match(regexp) Parameters regexpA regular expression object. If a non-RegExp objec
js之正则表达式
yk_ddm的博客
12-11 302
2020年12月11日16:43:30 正则表达式：\r 行结束 reg.test(str); true | false var reg = new RegExp(“abc”, “i”); str.match(reg);Array | null 贪婪匹配模式 先匹配多后匹配少 var reg = /[A-z]/; \w — [0-9A-z_] \s ---- [\t\n\r\v\f ] \b — 单词边界 . ---- [^\r\n] ...
ES2021新特性解读
Pluto
08-04 1523
目录 提案流程 ES2021新特性 提案流程 一个新特性从提出到最终纳入标准，需要经历5个步骤： ECMAScript标准是TC39(ECMA国际组织第39号技术委员会)制定的，更多有关提案的信息可以到官网上查看：https://www.ecma-international.org/technical-committees/tc39/。 ES2021新特性 截止目前，2021年已有5个新特性到了stage4： String.prototype.replaceAll2021 Promise.any
JavaScript：match() 和 matchAll() 之间的区别
最新发布
07-20 721
String.prototype.matchAll() 返回一个迭代器，该迭代器根据正则表达式返回所有匹配的组，包括捕获组。正如我们所看到的，match() 和 matchAll() 之间的差异并不小，这意味着 matchAll() 绝不可以被视为 match() 的替代品。String.prototype.match() 是 JavaScript 中的一种方法，它返回与正则表达式匹配字符串的结果数组。另一方面，如果我们不使用 g 标志，我们将仅获得第一个完整的匹配项，但具有相关的捕获组。
string-split.js:柯里化的 `String.prototype.split` 支持按字符串、RegExp 或函数进行拆分
06-05
柯里化的String.prototype.split支持按字符串、正则表达式或函数进行拆分。 npm install string-split --save npm 统计信息 例子 要求 var split = require ( 'string-split' ) ; 完整的应用程序 split ( "." , ...
javascript 中String.match()与RegExp.exec()的区别说明
10-27
最近看了javascript权威指南 里面的正则部分，match和exec方法有一些相同点和不同点，在这里写一下加深一下印象
path-to-regexp：将诸如user：name之类的路径字符串转换为正则表达式
02-03
const { pathToRegexp , match , parse , compile } = require ( "path-to-regexp" ) ; // pathToRegexp(path, keys?, options?) // match(path) // parse(path) // compile(path) path字符串，字符串数组或正则...
jakarta-regexp-1.5.rar_jakarta_jakarta-regexp-1.5.j_regexp.jar
09-24
jakarta-regexp-1.5 正则表达式的源代码
[JS]正则表达式
Gamin
11-17 916
正则表达式是由一个字符序列形成的搜索模式，可以是一个简单的字符或一个更复杂的模式。可以用这个搜索模式来描述你要查询的内容，用来搜索或进行文本替换操作。 语法： /正则表达式主体/修饰符(可选) 在 JavaScript 中，正则表达式通常用于如下两个字符串方法。 search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。 var str = "my name is zhangshan，zhangshan is very strong.".
python while 循环 全局变量_Python学习笔记1
weixin_39700394的博客
10-24 552
1Python环境安装官网下载：www.python.org/downloads环境变量配置cmd输入path=%path%；C：python注意：C:Python是Python的安装目录计算机——属性——高级系统设置——选择系统变量下的pathps：路径用分号"；"隔开概要Python运行三种方式1、交互解释器2、命令行脚本3、集成开发环境概要Python中文编码Python文件中未指定编码可能...
想要在JS中把正则玩得飘逸，学会这几个函数的使用必不可少
dreamapplehappyapple的专栏
08-24 310
在之前的一系列文章中，我们讲解了很多关于正则表达式的知识。那么作为一个前端工程师，如果想要把这些知识应用到我们平时的开发中去的话，就需要知道在JavaScript中，能够使用正则的函数有哪些？然后它们各自的功能是什么？有哪些需要注意的地方？只有掌握好了每一个方法的使用场景，我们才可能在需要使用的时候能够很快的想起来使用哪个方法效率最高，效果最好。 这些确实是一些基础的知识，但是我相信应该有很多同学还没有系统的把这些知识学习一边。相信我，如果你能够把这篇文章看完的话，你肯定可以学习到一些新的知识。知道每一个.
String.prototype.matchAll 正则一些常用方法
weixin_30892987的博客
01-16 598
1.用一个正则表达式来得到所有匹配项。 目前，您可以通过几种方式获取给定正则表达式的所有匹配项。 1. RegExp.prototype.exec() 与 /g 如果正则表达式有/g标志，那么多次调用.exec()就会得到所有匹配的结果。如果没有匹配的结果，.exec()就会返回null。在这之前会返回每个匹配的匹配对象。这个对象包含捕获的子字符串和更多信息。 举个例子：得到所有双...
c++ string replace_String.prototype.replaceAll 替换字符串新方法
weixin_39773239的博客
11-23 319
通常我们使用JavaScript处理字符串的时候会使用replace方法。String.prototype.replace(searchValue, replacement)指定字符串及所需替换为某一字符串，最后返回一个被替换过的字符串。那么，接下来看看关于replaceAll()方法。String.prototype.replaceAll 替换字符串新方法​www.deathghost.cn原始...
ES10特性详解
dichu2296的博客
02-27 147
摘要： 最新的JS特性。 ES10 还只是一个草案。但是除了 Object.fromEntries 之外，Chrome 的大多数功能都已经实现了，为什么不早点开始探索呢?当所有浏览器都开始支持它时，你将走在前面，这只是时间问题。 在新的语言特性方面，ES10 不如 ES6 重要，但它确实添加了一些有趣的特性(其中一些功能目前还无法在浏览器中工作: 2019/02/21) 在 ES6 中...
String.prototype.replaceAll
zidasine的专栏
11-04 1135
 String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {       if (!RegExp.prototype.isPrototypeOf(reallyDo)) {           return this.replace(new RegExp(reallyDo, (ignoreCase ?
ES12新特性抢先体验
muzidigbig的博客
04-14 561
如果没什么特殊情况，每一年tc39都会更新一些特性 API ，今年出的则是第 12 版，也就是我们说的ES12，下面让我们一起来看看都更新了哪些 API。 数字分隔符（Numeric Separators） 众所周知，我们的Number是长这样的：123456。但是当金额大了之后，就会很不直观，每次看还得算，不过如今我们可以这样： // 旧的方案 const count1 = 123456789; // 新的方案 const count2 = 123_456_789; cons...
angular string.matchAll() 方法
06-08
`String.prototype.matchAll()` 方法返回一个迭代器，该迭代器包含所有与正则表达式匹配的子字符串及其捕获组。它使用正则表达式来执行全局匹配，而不是仅仅返回第一个匹配项。这个方法是ES2020中新增的。 示例： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值