仅当某值存在时才向其添加属性,&&,...

有时,如果对象已经定义了属性,我们需要向对象添加属性,我们可能会这样写:

const person1= { id:'1001', name: '李四', sex:'18' }
const person2= { id:'1001',  name: '张三' }
const is_show= true

if (is_show) {
   person2.sex= person1.sex 
}

我们可以用一些更加便捷得方式来做:
|| 经常用于赋值;&& 经常执行后续代码
可以看到展开运算符的优先级还是比较低的

// 对象
const is_show = true
const person2= {
   id: '1001',
   name: '张三'
   ...is_show&& { sex: '18' }
}

// 数组
const person2 = this.person_list.map(item => {
   return {
     id: item.id,
     name: item.name, // 商品名称
     product_id: item.product_id, // 商品id
     sku_id: item.sku_id, // 商品sku_id
     recommend_user_id: item.recommend_user_id,  // 开单人
     ...(item.artificers.length && { artificers: item.artificers })  //商品没有技师  服务有技师,技师有长度得时候先添加artificers 属性
   };
 })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值