Es2016、2017新特性(上)

laihuamin發表於2018-07-17

前言

es2015雖然是主流,但是每年都會有新的東西更新,在這些東西中,有許多東西值得我們去學習,以及使用,本篇文章,將提供一些平常業務開發中經常會用到的方法。希望能對大家的學習有幫助。個人的github部落格

ECMAScript 2016

1、Array.prototype.includes

includes這個方法,是檢測陣列中是否含有相應的元素,返回的值是true和false。與indexOf方法功能相似,但是還會有許多差異性。

includes.png

其第二個引數還可以代表查詢的位置是否正確

includes-other.png

2、求冪操作符

在es2016裡面平方操作變得更加漸變,只要使用操作符**就可以實現。

Es2016、2017新特性(上)

ECMAScript 2017

1、Object.value()

Object.value()的功能其實和Object.keys()相似,主要作用是取得物件的值,放入到陣列中,同樣不包括任何原型鏈中的值。

Object.value()

2、Object.entries()

Object.entries()也是和Object.key()相關的,該方法是返回一個陣列,陣列的元素是物件自身的所有可以遍歷的鍵值對陣列

Object.entries()

3、String.padStart

該方法的作用就是用自定義的字元補全字串的長度,比如我們平常在做的,小於10的時候自動補零就可以用這個實現。

例子1:

stringPadStart.png

4、String.padEnd

該方法和String.padStart相同,只是前者是從字串的頭部開始補全,後者是從字串的尾部開始補全。

總結

這一篇只是介紹了一些實用的方法,下一篇會具體分析一下async/await。

相關文章