ES11新特性_String.prototype.matchAll方法---JavaScript_ECMAScript_ES6-ES11新特性工作笔记063

最新推荐文章于 2022-11-15 08:54:20 发布
最新推荐文章于 2022-11-15 08:54:20 发布
阅读量371 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/113561678
本文探讨ES11中新增的String.prototype.matchAll方法，该方法使得正则表达式匹配返回一个迭代器，可以使用for of循环遍历所有匹配结果。通过添加's'标志，使'.'能够匹配包括换行符在内的所有字符，结合'g'标志进行全局匹配。在实际应用中，matchAll返回的对象可以转换为数组，方便处理匹配到的文本内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

然后我们再来看一下这个,es11提供的新特性,String.prototype属性的.matchAll方法 

我们看看这个正则之前我们写过了,这个s

在最后添加了一个s 这个s表示模式符,这样加上以后,我们的.将能匹配任意字符,也就说.可以也可以匹配换行符了

 

添加了s以后,那么就表示,这个.就可以匹配,空白字符了,包括换行符对吧.

 

然后再添加上g,表示匹配全文对吧.

然后我们看看匹配的结果.可以看到里面有个next

这说明他是个iterator,我们就可以进行

for of循环了.

可以看到上面

了解本专栏 订阅专栏 解锁全文 超级会员免费看
ES6-ES13学习笔记
IIIIIAN
08-14 1794
ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.iterator属性，或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。Proxy如其名， 它的作用是在对象和和对象的属性值之间设置一个代理，获取该对象的值或者设置该对象的值， 以及实例化等等多种操作， 都会被拦截住， 经过这一层我们可以统一处理，我们可以认为它就是“代理器”在一般情况下，对象的引用是强引用的，这意味着只要持有对象的引用，它就不会被垃圾回收。
ES6语法：对象的新增方法——Object（__proto__属性，Object.setPrototypeOf()，Object.getPrototypeOf()）
XSL_HR的博客
10-14 1027
本文是一篇关于ES6中对象的新增方法——Object的知识文章。主要内容为__proto__属性 Object.setPrototypeOf() ，Object.getPrototypeOf属性。在文章中会从理论和实践两个角度入手，代码片段可能比较多，需要耐心阅读。本文紧接ES6专栏ECMAScript(ES6)第五幕之【对象的新增方法——Object】（Object.getOwnPropertyDescriptors()）中内容，进一步学习对象的新增方法。创作不易！多多关照！！
【ES11(2020)】String 扩展 String.prototype.matchAll()
张营的技术博客
05-12 262
matchAll()方法返回一个包含所有匹配正则表达式的结果及分组捕获组的迭代器。 const regexp = /t(e)(st(\d?))/g; const str = 'test1test2'; const array = [...str.matchAll(regexp)]; console.log(array[0]); // ["test1", "e", "st1", "1"] console.log(array[1]); // ["test2", "e", "st2", "2"] 语法：
行动中的ES6：新的字符串方法— String.prototype。*
04-04 352
我在以前的文章上ES6阵列的方法 ，我介绍了在ECMAScript中6与这项工作提供了新的方法Array类型。 在本教程中，您将了解新ES6方法的工作与字符串： String.prototype.* 我们将开发的几个例子，并提到为他们提供的polyfills。 记住，如果你想用一个单一的库填充工具所有这些，你可以使用ES6-垫片由保罗·米勒 。 String.prototype.starts...
JS:ES11新特性
小白目的博客
12-29 622
概述： 1、String.prototype.matchAll：用来得到正则批量匹配的结果； 2、类的私有属性：私有属性外部不可访问直接； 3、Promise.allSettled：获取多个promise执行的结果集； 4、可选链操作符：简化对象存在的判断逻辑； 5、动态 import 导入：动态导入模块，什么时候使用什么时候导入； 6、BigInt：大整型； 7、globalThis 对象：始终指向全局对象window； String.prototype.matchAll代码示例： <!.
ES6 入门教程 6 正则的扩展 6.13 d 修饰符：正则匹配索引 & 6.14 String.prototype.matchAll()
谢谢你们的关注
11-15 203
ES6 入门教程 6 正则的扩展 6.13 d 修饰符：正则匹配索引 & 6.14 String.prototype.matchAll()
【ES6+】013-ES11新特性：matchAll、类的私有属性、Promise.allSettled、可选链操作符、动态import导入、BigInt、globalThis对象
訾博（ZiBo）的博客
12-21 579
目录 一、功能概述 二、String.prototype.matchAll 1、概述 2、代码实现 3、运行结果 三、类的私有属性 1、概述 2、代码实现 3、运行结果 四、Promise.allSettled 1、概述 2、代码实现 3、运行结果 五、可选链操作符 1、概述 2、代码实现 3、运行结果 六、动态import导入 1、概述 2、代码实现 hello.js： app.js： 动态import加载.html： 3、运行结果 七、BigInt 1
ES6+新特性学习笔记与ES2016至ES2020更新概览
在探讨ES6（ECMAScript 2015）以及后续版本ES2016、ES2017、ES2018、ES2019和ES2020等的新特性和改进时，本学习笔记详细记录了ECMAScript标准的演进过程以及其中包含的重要特性。ES6是JavaScript开发中一个重要的...
掌握JavaScript ES6至ES11的十大新特性
资源摘要信息:"这是一份关于JavaScript ES6至ES11新特性的学习笔记和练习文件，为开发者提供了一个全面学习和练习ECMAScript最新版本特性的资源。文件提供了对ES6~ES11各版本新增特性、API和语法改进的深入解析，...
ECMAScript(ES6)总结
LY__lyxka的博客
04-26 208
一： let 关键字 1、不允许重复声明 2、块级作用域 3、不存在变量提升 4、不影响作用域链 应用场景：以后声明用let就对了 二： const 关键字 1、生命必须赋予初始值 2、标识符一般为大写 3、不允许重复声明 4、值不允许修改 5、块级作用域 注意：对象属性修改和数组值修改不会引发const报错 应用场景：声明对象类型使用const，非对象类型生命用let 三： 变量的解构赋值 es6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，被称为解构赋值 如： –数组的解构赋值– const
ECMAScript 6 入门教程—正则的扩展
web前端开发
09-07 300
作者 | 阮一峰1、RegExp 构造函数在 ES5 中，RegExp构造函数的参数有两种情况。第一种情况是，参数是字符串，这时第二个参数表示正则表达式的修饰符（flag）。var re...
ES6 正则的扩展
wunianisme的博客
06-04 225
RegExp构造函数 如果RegExp构造函数第一个参数是一个正则对象，那么可以使用第二个参数指定修饰符。而且，返回的正则表达式会忽略原有的正则表达式的修饰符，只使用新指定的修饰符。 下面代码中，原有正则对象的修饰符是ig，它会被第二个参数i覆盖。 new RegExp(/abc/ig, 'i').flags // "i" 字符串的正则方法 字符串对象共有4个方法，可以使用正则表达式：match...
ES6的新特性
weixin_55959870的博客
03-07 304
1. const 和 let let: 声明在代码块内有效的变量。 特点： 在存在变理提升（不能在变量声明之前使用） let的暂时性死区： 其实与1差不多，只要在块作用域有声明，就不能在本作用域声明前用主个变量。 不允许重复声明。 const: 声明一个只读的常量 特点： 一但声明，这个值不能被改变（对于引用类型，是引用的地址不能被改变） 声明时必须赋值 面试中常会问到var let const 三都的区别，回答的时候注重各自的特点，其实const let就是弥补var 的各种缺点，两都的特
【es6】详细笔记
前端学习博客
03-09 808
ES6 详细笔记 ES6中的特性 let 和 const 变量的赋值解构 字符串的扩展 正则的扩展 数值的扩展 函数的扩展 对象的扩展 运算符的扩展 Symbol Set 和 Map Proxy Reflect Promise Iterator for … of Generator async Class Module 这里按照ES6标准入门的目录顺序写的笔记，只写了一部分，后序的部分分成了好几篇笔记写的。 文章目录ES6 详细笔记1.let/constⅠ-概括与总结Ⅱ-let关键字Ⅲ-const关键字
es6常用语法
weixin_43803893的博客
05-14 134
es6常用语法
ES6学习——正则表达式新特性
Challenge Next Challenge
02-05 2213
简单说一下正则表达式中新加入的特性： 1）flags属性： /abc/ig.flags//gi 2）/u unicode标记，Chrome 48都还不支持这个标记 /\uD83D/.test('\uD83D\uDC2A')//true /\uD83D/u.test('\uD83D\uDC2A')//false /\uD83D/u.test('\uD83D \uD83D\uDC2A')//
elasticsearch-组合多查询
豆豆不在了
02-15 3563
组合多查询 现实的查询需求从来都没有那么简单；它们需要在多个字段上查询多种多样的文本，并且根据一系列的标准来过滤。为了构建类似的高级查询，你需要一种能够将多查询组合成单一查询的查询方法。 你可以用 bool 查询来实现你的需求。这种查询将多查询组合在一起，成为用户自己想要的布尔查询。它接收以下参数： must 文档 必须 匹配这些条件才能被包含进来。 must
深入理解ES6--6.符号与符号属性
weixin_34119545的博客
05-07 367
主要知识点：创建符号值、使用符号值、共享符号值、符号值转换。检索符号值属性以及知名符号 1. Symbol基础 1.1 创建符号值 在 JS 已有的基本类型（字符串、数值、布尔类型、 null 与 undefined ） 之外， ES6 引入了一种新的基本类型：符号（Symbol ） 。 符号起初被设计用于创建对象私有成员，而这也是 JS 开发者期待已久的特性。在符号诞生之前，将字符串作为...
ES6学习--正则的扩展
尊哥的博客
09-19 357
字符串对象共有 4 个方法，可以使用正则表达式：match()、replace()、search()和split()。 match() match方法的返回值是存放首次匹配内容的数组，如果没有找到匹配结果，返回null。 对上述代码运行结果分析如下： （1）.match方法在有匹配结果的时候返回值是一个数组。 （2）.数组第一个元素是match方法首次匹配到的子字符串，“antzone"虽然...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值