当前位置:首页 > 技术分析 > 正文内容

ES6字符串的新特性及新增方法梳理

ruisui883个月前 (02-03)技术分析26

ES6中对字符串的处理做了增强,改进了Unicode表示法,增加了很多新的API,你是不是都知道呢?

Unicode表示法

在js中,可以使用"\u0061"来表示一个字符,但是仅限于码点在\u0000~\uFFFF之间的字符,如果超出了这个范围,就必须要用两个字节来表示,如"\uD842\uDFB7"。

在ES6中,可以将码点放入大括号中,无需再用双字节来表示:"\u{20BB7}"。

在ES5中提供了String.fromCharCode从Unicode码点返回字符串,这个方法也是不能识别大于0xFFFF的字符。ES6中增加了一个fromCodePoint的方法,弥补了fromCharCode的不足。

字符串的遍历

ES6中增加了for-of循环,它是依赖Iterator来实现的,字符串也实现了这个接口,所以字符串中字符的遍历,也可以使用for-of。

使用for-of还有一个好处就是可以识别大于0xFFFF的码点,传统的for循环是做不到的:

标签模版

模板字符串不仅可以用来优雅的拼接字符串,还可以紧跟在一个函数名后,让函数处理模板字符串:

从上图可以看到,函数将模版字符串分解成了数组作为参数调用,其实就是template和template的参数。

includes、startsWith、endsWith

在ES5之前,确定一个字符串是否包含在另一个字符串中,只能用indexOf,ES6增加了三个新的实例方法:includes、startsWith、endsWith。用法如同直观看到的一样,只要在实际开发中能想到即可。

repeat

repeat方法返回一个新的字符串,表示将原字符串重复n次:

console.log('x'.repeat(3))
// xxx

padStart、padEnd

ES2017引入了字符串补全的功能。

trimStart、trimEnd

ES2019新增了消除字符串头部空格和尾部空格的功能,和trim类似。它们都是返回新的字符串,不会修改原字符串。(有同学知道为什么吗?欢迎留言分享!)

matchAll、replaceAll

matchAll返回一个正则表达式在当前字符串的所有匹配。

replaceAll替换一个正则表达式所有匹配。在之前的replace中,如果要全局匹配,需要设定正则表达式的模式为全局(/g)。


如果你对今天所讲的内容感兴趣,不要忘了给我点赞和关注哦。也欢迎你在留言区和我分享交流!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/685.html

分享给朋友:

“ES6字符串的新特性及新增方法梳理” 的相关文章

vue中组件之间的通信方式

** 1.1 父子组件**a. 父向子传数据: 第1种: 父通过属性传值,子组件通过props接收数据(注:props传过来的数据是单向的,不可以进行修改)第2种:子组件可以通过$parent来获取父组件里的数据和调用父组件的方法(注:数据是双向的,还要注意如用了UI组件并且在该UI组件里重新定义一...

博信股份新战略后再推新品 TOPPERS E2耳机售价199元

中新网6月21日电 20日,博信股份在北京正式推出新品TOPPERS主动降噪耳机E2,这是博信股份继2月战略暨新品发布会后的第二次新品亮相。价格方面,TOPPERS主动降噪耳机E2零售价199元,并于6月20日下午4点在京东商城公开销售。据介绍,TOPPERS主动降噪耳机E2采用AMS(奥地利微电子...

K8S NFS 共享存储

NFS 共享存储前面我们学习了 hostPath 与 Local PV 两种本地存储方式,但是平时我们的应用更多的是无状态服务,可能会同时发布在不同的节点上,这个时候本地存储就不适用了,往往就需要使用到共享存储了,比如最简单常用的网络共享存储 NFS,本节课我们就来介绍下如何在 Kubernetes...

Solid State Logic 发布低保真数字失真插件 Digicrush

Solid State Logic 宣布推出低保真数字失真插件 Digicrush ,他们最新的创意工具具有经典数字失真的粗糙、低保真特性,完美模拟早期数字音频的衰减和伪影。Digicrush 充满怀旧气息,深受经典数字采样器和效果器的影响,具有内置抖动、可调比特深度和采样率降低功能,是为音轨添加复...

Gemini应用在Android上广泛推出2.0闪电模式切换器

#头条精品计划# 快速导读谷歌(搜索)应用的测试频道在安卓设备的双子应用中推出了2.0闪电实验功能,现已向稳定用户开放。双子应用通过谷歌应用运行,目前推出的15.50版本中,用户可通过模型选择器体验不同选项,包括1.5专业版、1.5闪电版和2.0闪电实验版。2.0闪电实验模型提供了更快的响应速度和优...

什么是异步,什么是同步,啥意思?

概述:本文讨论了程序设计领域的同步、异步和多线程的一些基本概念。同步异步这两个词翻译的其实不通。我是不知道这两个词是啥意思。同步:步伐整齐;异步:步伐不整齐。大概这个意思,但是在编程设计领域啥意思?国人的烦恼多来自于不明确的翻译所造成的后果。异步对应的英文是Asynchronous。这个词的含义是“...