如何判断对象(object)有无某个属性(key)?(js)

let res = {
    data: {
        isUserId: '1'
    },
    error: 'success',
    code: '1'
}
let res2 = {
    error: 'error',
    code: '20000'
}
// 第一种
console.log(res.hasOwnProperty('data')); // true
console.log(res2.hasOwnProperty('data')); // false
// 第二种 (新)
console.log(Object.hasOwn(res, 'data')); // true
console.log(Object.hasOwn(res2, 'data')); // false
// 第三种
console.log('data' in res); // true
console.log('data' in res2); // false
// 第四种
console.log(res?.data) // 获取为data值
console.log(res?.data) // 为undefined

后端传的返回数据中错误则无data, 正确则有data
第一种方式:
Object(对象名称).hasOwnProperty(‘key’);
第二种方式:
Object.hasOwn(对象名称, ‘key’);
第三种方式:
‘key’ in Object(对象名称)
注:key为属性,key(属性)**必须使用单引号或者双引号(’’ / “”)**包裹
第四种方式:
?. 可选链操作符, 使用key?.key1如果key存在则找key.key1, 返回key1的value1(值)
Object.hasOwn() 和 .hasOwnProperty()的区别?

  1. 写法不同:

    Object.hasOwn(参数1, ‘参数2’)
    参数1.hasOwnProperty('参数2'); 
     //参数1 为对象,参数2 为对象里面的属性
    
  2. hasOwn直接挂载到对象上面, 而 .hasOwnProperty()是挂载在对象的原型上面(Object.prototype.hasOwnProperty())

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值