前端培训丁鹿学堂：es7，es8常用新特性总结（一）

es7到es2012常用新特性

1.数组的includes方法

includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false

注意点：使用 includes()查找字符串是区分大小写的

const arr = [1,2,3]
let result = arr.includes(3)
console.log(result); // true
1
2
3

es8常用方法

Object.values

Object.values 方法返回一个数组，成员是参数对象自身的所有可遍历属性的键值，继承的属性不在 遍历范围内。

const obj = {
    name:'zhangsan',
    age:18,
    eat:['apple']
}
let objKeys = Object.values(obj)
console.log(objKeys) // [ 'zhangsan', 18, [ 'apple' ] ]
1
2
3
4
5
6
7
8

**
Object.entries()**
Object.entries() 方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历属性的键值对数组。

const obj = {
    name:'zhangsan',
    age:18,
    eat:['apple']
}
let objEntries = Object.entries(obj)
console.log(objEntries) //[ [ 'name', 'zhangsan' ], [ 'age', 18 ], [ 'eat', [ 'apple' ] ] ]
1
2
3
4
5
6
7

**
padStart() 和padEnd()**
这两个是字符串新增的方法，参数有两个，第一个是位数，就是不到位数的话用第二个参数填充。padStart是向前填充，padEnd是向后填充
比较实用的就是格式化日期的时候，月份和天数之类的，如果是各位就在前面补0，之前都是判断是否小于10，现在直接用padStart就可以了。

const now = new Date()
const year = now.getFullYear()
const month = (now.getMonth() + 1).toString().padStart(2, '0')
const day = (now.getDate()).toString().padStart(2, '0')
console.log( `${year}-${month}-${day}` )  // 2022-09-02
1
2
3
4
5