浅谈对象(object)的属性操作

在开发的时候,我们经常遇到我们需要一个字段但是后端接口返回的数据没有这个字段,如果不涉及后端逻辑,我们前端工程师可以自己添加对象属性,或者删除对象属性。

添加属性,上代码

props: ['item', 'btntitle', 'showGetTime', 'showState'],

可以看到,我们通过父子组件传值,接受到了以上数据,我们现在需要在item对象中加一个属性,接下来如何操作呢?

this.$set(this.item,'urgeTimes','100')

$set是window对象上自带的方法,我们可以直接this.$set调用

来解释一下这段代码:

通过this.$set方法,在this.item对象上面新加一个urgeTimes的属性,值为100 (urgeTimes:'100')

删除属性,上代码

let zs = {
    name:'张三',
    age:18
}
delete zs.age
console.log(zs,zs.age)

 这里输出的是{name:'张三'} undefined

删除对象属性使用delete关键字,需要注意的是我们只能删除对象的某个属性,不能直接删除整个对象,例如:delete zs.name 返回值是true     delete zs 返回值是false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值