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属性的对象。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6中的Promise是处理异步操作的一种方式,它提供了一些常用方法来处理异步操作的状态和结果。以下是一些常见的Promise方法: 1. Promise.resolve(value):创建一个已解决(fulfilled)状态的Promise对象,并将指定的值作为解决值。 2. Promise.reject(reason):创建一个已拒绝(rejected)状态的Promise对象,并将指定的原因作为拒绝值。 3. Promise.all(iterable):返回一个新的Promise对象,该对象在所有给定的promise都已解决时才解决,并将一个包含所有解决值的数组作为结果。 4. Promise.race(iterable):返回一个新的Promise对象,该对象在给定的promise中有任何一个解决或拒绝时解决,并将该解决或拒绝值作为结果。 5. Promise.allSettled(iterable):返回一个新的Promise对象,该对象在所有给定的promise都已解决或拒绝时才解决,并将一个包含所有解决或拒绝结果的数组作为结果。 6. Promise.prototype.then(onFulfilled, onRejected):添加一个执行处理程序(callback)到Promise的解决或拒绝状态。返回一个新的Promise对象,可以在后续使用链式调用。 7. Promise.prototype.catch(onRejected):添加一个拒绝处理程序(callback)到Promise的拒绝状态。返回一个新的Promise对象,可以在后续使用链式调用。 8. Promise.prototype.finally(onFinally):添加一个处理程序(callback),在Promise无论是解决还是拒绝状态时都会执行。返回一个新的Promise对象,可以在后续使用链式调用。 这些方法是Promise对象的一些常见操作,可以根据实际需求选择使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值