ES6: 字符串

SnaiLiu 发布于2019-08-21 11:33 / 1442人阅读

摘要：方法返回一个新的字符串，表示将原字符串重复次。为了补全字符串，引入了和。共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。

现在ES6增加了很多的字符串的方法，但是有些感觉自己也不是很懂，所以就罗列了一些平常的用的。

includes， startsWith， endsWith

includes(): 返回布尔值，表示是否找到了参数字符串；

startsWith(): 返回布尔值，表示参数字符串是否在源字符串的头部

endsWith(): 返回布尔值，表示参数字符串是否在源字符串的尾部。

使用：

var s = "Hello world";

s.startsWith("Hello");//true
s.endsWith("Hello");//true
s.includes("o");//true

也都可以支持第二个参数，表示开始搜索的位置。

var s = "Hello world";

s.startsWith("world", 6);//true
s.endsWith("Hello", 5);//true
s.includes("Hello");//false

repeat()

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

"x".repeat(3)//"xxx"

传入的如果是小数，会被取证；
如果是负数或者Infinity，会报错；
NaN等同于0；
如果是字符串，则会先转换成数字。

padStart、 padEnd

为了补全字符串，引入了padStart和padEnd。如果字符串不够指定长度，会在头部或者尾部补全。
padStart()、padEnd() 共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。
如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。

"xxx".padStart(2, "ab") // "xxx"
"xxx".padEnd(2, "ab") // "xxx"
"abc".padStart(10, "0123456789") // "0123456abc"

如果第二个参数省略，默认用空格补全长度。

字符串模板

模板字符串，用反引号标识（`）,它可以当作普通字符串，也可以定义多行字符串，或者在字符串中嵌入变量。

`In Javascript " " is a line-feed.` `In Javascript this is not legal.` var name="Bob", time = "today"; `Hello ${name}, how are you ${time}?` const tmpl = addrs =>` ${addrs.map(addr => ` `).join("")}

还有其他很多方法
String.raw()
模板字符串的限制
.
.
.

服务器托管私有云 es6字符串扩展 ES6 es6-系列 ES6入门

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86842.html

ES6-前世今生（0）

摘要：更新了个版本，最新正式版是语言的下一代标准，早已在年月正式发布。基本不支持移动端浏览器对的支持情况版起便可以支持的新特性。比较通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有着怎样的关系？ 1996 年 11 月，Netscape 创造了javascript并将其提交给了标准化组织 ECMA，次年，ECMA 发布 262 号标准文件（ECMA-...

LeviDing 2019-08-26 13:41 评论0 收藏0
10个最佳ES6特性

摘要：，正式名称是，但是这个名称更加简洁。已经不再是最新的标准，但是它已经广泛用于编程实践中。而制定了模块功能。自从年双十一正式上线，累计处理了亿错误事件，得到了金山软件等众多知名用户的认可。译者按: 人生苦短，我用ES6。原文: Top 10 ES6 Features Every Busy JavaScript Developer Must Know 译者: Fundebug 为了保...

codeKK 2019-08-20 19:01 评论0 收藏0
[ ES6 ] 快速掌握常用 ES6 （一）

摘要：常量变量先说说常量和变量的概念吧，常量是说那种进行一次赋值后不会更改的值，比如说游戏账户的，变量是说赋值后有更改的需求的，比如游戏名，游戏密码。常用实例交换变量的值提取数据解构赋值对提取对象中的数据，尤其有用。本系列文章适合快速掌握 ES6 入门语法，想深入学习 ES6 的小伙伴可以看看阮一峰老师的《ECMAScript 6 入门》学习 20% 的知识完成 80% 的工作关于 ...

ispring 2019-08-23 14:01 评论0 收藏0
你该知道的ES6那些事儿

摘要：最近重构了一个项目，引入了部分用法，最大的感受是让这门语言变得更加严谨，更加方便。通过该方法获得位置后还得比较一次才能判断是否存在。再来看看的写法使用数组来初始化一个，构造器能确保不重复地使用这些值。下面提供链接，供有兴趣的朋友参考。最近重构了一个SPA项目，引入了部分ES6用法，最大的感受是ES6让javascript这门语言变得更加严谨，更加方便。本篇将结合实战经验，对最常用的部...

CoffeX 2019-08-22 18:42 评论0 收藏0
ES6 旧瓶新酒

摘要：本文是系列的第二篇，前一篇走马观花概要介绍了，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的对象，例如，对这些对象扩展了一些很有用的新方法。用于监听取消监听数组的变化，指定回调函数。在中已被建议撤销。本文是 ES6 系列的第二篇，前一篇《ES6 走马观花》概要介绍了ES6，这一篇标题之所以叫旧瓶新酒，是想介绍那些原来就被广泛使用的JS对象，例如String、Array，E...

未东兴 2019-08-21 10:48 评论0 收藏0
Javascript内置对象新增接口列表

网上很少有提供不同版本接口对比的文章，所以自己总结一下。 Array Method Description Modify Version concat 连接多个数组，返回数组副本，参数可以为值或数组否 ES3 join 把数组元素组合为字符串否 ES3 pop 删除并返回最后一个元素是 ES3 push 向数组末尾添加一个或多个值，返回数组长度是 ES3 reve...

xuhong 2019-08-21 17:02 评论0 收藏0