资讯专栏INFORMATION COLUMN

ECMAScript 2016、2017和2018中所有新特性。

glumes / 462人阅读

摘要:在中,引入了代替。我们希望在为追加符让所有项长度都为位,以便显示,我们可以使用,轻松实现这一点。

想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!

跟踪JavaScript (ECMAScript)中的新内容是很困难的,而且更难找到有用的代码示例。

因此,在本文中将介绍 TC39(最终草案) 在ES2016、ES2017和ES2018中添加的已完成提案中列出的所有18个特性,并给出有用的示例。

1.Array.prototype.includes

include 是数组上的一个简单实例方法,可以轻松查找数组中是否有指定内容(包括 NaN)。

2.求幂操作符

像加法和减法这样的数学运算分别有像 + 和 - 这样运算符。与它们类似,** 运算符通常用于指数运算。在ECMAScript 2016中,引入了 ** 代替 Math.pow。



1.Object.values()

Object.values()是一个类似于Object.keys()的新函数,但返回对象自身属性的所有值,不包括原型链中的任何值。

2.Object.entries()

Object.entries()与Object.keys 类似,但它不是仅返回键,而是以数组方式返回键和值。 这使得在循环中使用对象或将对象转换为映射等操作变得非常简单。

例一:

例二:

3.字符串填充

在String.prototype中添加了两个实例方法:String.prototype.padStart 和 String.prototype.padEnd, 允许在初始字符串的开头或末尾追加/前置空字符串或其他字符串。

"someString".padStart(numberOfCharcters [,stringForPadding]); 

"5".padStart(10) // "          5"
"5".padStart(10, "=*") //"=*=*=*=*=5"
"5".padEnd(10) // "5         "
"5".padEnd(10, "=*") //"5=*=*=*=*="

当我们想要在漂亮的打印显示或终端打印进行对齐时,这非常有用。
3.1 padStart 例子:

在下面的例子中,有一个不同长度的数字列表。我们希望在“0”为追加符让所有项长度都为10位,以便显示,我们可以使用padStart(10, "0")轻松实现这一点。

3.2 padEnd 例子:

当我们打印多个不同长度的项目并想要右对齐它们时,padEnd非常有用。

下面的示例是关于padEnd、padStart和 Object.entries 的一个很好的实际示例:

const cars = {
  "           
               
                                           
                       
                 

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

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

相关文章

  • ECMAScript 201620172018所有特性

    摘要:在中,引入了代替。我们希望在为追加符让所有项长度都为位,以便显示,我们可以使用,轻松实现这一点。 showImg(https://segmentfault.com/img/bVbdReM?w=1000&h=401); 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 跟踪JavaScript (ECMAScript)中的新内容是很困难的,而且更难找到有用的代码示例。...

    DesGemini 评论0 收藏0
  • 细解JavaScript ES7 ES8 ES9 特性

    摘要:定期召开会议,会议由会员公司的代表与特邀专家出席。新版本将会包含每年截止时间之前完成的所有特性。它引入了一个新的构造函数和具有辅助函数的命名空间对象。 导言:ECMAScript的演化不会停止,但是我们完全没必要害怕。除了ES6这个史无前例的版本带来了海量的信息和知识点以外,之后每年一发的版本都仅仅带有少量的增量更新,一年更新的东西花半个小时就能搞懂了,完全没必要畏惧。本文将带您花大约...

    Youngs 评论0 收藏0
  • ECMAScript 201620172018增功能的示例

    摘要:,和中新增功能的示例原文链接翻译链接始终紧跟的最新功能是很难的,更难的是找到有用的代码示例。和其他双字节字符上的和和其它双字节字符串使用的多字节表示。所以和可能无法按照预期的工作。提醒展开运算符用于等号的右侧,解构运算符用于等号的左侧。 ECMAScript 2016,2017和2018中新增功能的示例 原文链接: medium.freecodecamp.org翻译链接:https:/...

    _Dreams 评论0 收藏0
  • ECMAScript正则表达式6个最特性

    摘要:年,添加了对正则表达式的支持。这篇博客将介绍正则表达式的最新特性模式选项断言规范遗留特性模式选项这个特性已经在正式发布了。参考阮一峰入门博客正则表达式进阶指南关于专注于微信小程序微信小游戏支付宝小程序和实时监控。 译者按: 还没学好ES6?ECMAScript 2018已经到来啦! 原文:ECMAScript regular expressions are getting bett...

    kumfo 评论0 收藏0
  • FCC 成都社区·前端周刊 第 7 期

    摘要:详情发布于月号发布了版本,除了性能改进修复外,首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持,这意味着现在可以在没有批准的情况下在上安装应用程序,不过会有一些限制。 01. ES2016, 2017, 2018 中的新特性 文章介绍了 18 个 ECMAScript 2016,2017 和 2018 中新增加的特性,这些特性已被加入到 TC3...

    source 评论0 收藏0

发表评论

0条评论

glumes

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<