ES6的一些常用的方法

1. 使用拓展运算符合并数组,Set去重

const  a = [1,2,3];
const b = [1,5,6];
const c = [...new Set([...a,...b])]; // [1,2,3,5,6]

2. 使用find进行精确搜索,在性能上比filter更优,find方法找到符合条件的项就不会继续遍历数组

const a = [1,2,3,4,5];
const res = a.find(item = > {
return item === 3
})

3. 使用flat方法进行数组的扁平化处理,比如一个部门JSON数据中,属性名是部门id,属性值是部门成员id的数组集合,现在要把部门的成员id都提取到一个数组集合中,可以使用如下方法

const deps = {
'采购部':[1,2,3],
'人事部':[5,8,12],
'行政部':[5,14,79],
'运输部':[3,64,105],
}

let member = Object.values(deps).flat(Infinity); 
// Object.values(deps)获取对象的全部属性 ,其中使用Infinity作为flat的参数,使得无需知道被扁平化的数组的维度。

4. 使用可选链操作符获取对象的属性值

const name = obj?.name // es6写法
const name = obj&&obj.name // es5写法

5. 关于添加对象属性

当给对象添加属性时,如果属性名是动态变化的,该怎么处理

let obj = {};
let index = 1;
obj[`topic${index}`] = 'new' // es6中的对象属性名是可以用表达式

6. 使用空值合并运算符判空

if((value??' ')!==' '){
// e6写法
}

7. 删除对象中的某一个属性

const {a,...newObj}=obj;
newObj是删除了a属性的对象。

版权声明:本文为qq_38432842原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。