ES6的冷门小知识,一起学起来叭

最新推荐文章于 2022-09-29 21:22:50 发布

猴子都会我不会

最新推荐文章于 2022-09-29 21:22:50 发布

阅读量155

点赞数

分类专栏：前端文章标签： es6 前端 javascript

本文链接：https://blog.csdn.net/weixin_46414427/article/details/125783713

版权

13 篇文章 1 订阅

订阅专栏

1.数组的flat方法(将多维数组转成扁平数组)

let arr = [1, [2, [3, [4, 5]]], 6]
let flatArr = arr.flat(Infinity)
console.log(flatArr)
//(6) [1, 2, 3, 4, 5, 6]
//传入Infinity,不用管是多少个维度都可以直接转成一维

let arr1 = [1,2,3]
let arr2 = [3,4,5,6]
let arr3 = [...new Set([...arr1, ...arr2])]
//除了合并数组,是不是还得考虑下去重呢,所以new Set闪亮登场了

let obj1 = {a:1}
let obj2 = {b:2}
let obj3 = {...obj1,...obj2 }
console.log(obj3)
//{a: 1, b: 2}

3.Object.keys()对象的方法
用于获取对象自身所有可枚举的属性
效果类似于for…in

let obj = {a:1,b:2,c:3}
let objKey = Object.keys(obj)
console.log(objKey)
//['a', 'b', 'c']

4.Object.values()对象的方法

let obj = {a:1,b:2,c:3}
let objVal = Object.values(obj)
console.log(objVal)
//[1, 2, 3]

5.数组的实例方法includes

let state = 1
if(state===1 || state===2 || state===3) { alert('判断成功') }

当判断条件这么多的时候,一个个往后排是不是很low,这个时候includes的强大之处就要体现出来了

let state = 2
const stateArr = [1,2,3]
if(stateArr.includes(state)) { alert('includes太好使了叭!')}

6.可选链操作符?. 会用不

let obj = undefind
let name = obj.name
console.log(name)

在这里插入图片描述

如果obj为undefined或者null时,浏览器直接报错,会阻碍进程,这个时候咋办?
嘿! 可选链来帮你啊

let obj = undefind
let name = obj?.name
console.log(name)

在浏览器打印的时候还是会报错,是因为浏览器是ES5的,实际在代码进程中不会被阻碍了(我是这么理解的,如有不对欢迎指教)

关注