JS 判断对象是否具有某属性的方法

方法1:.[]符号

let test = {name: ‘lei‘} // 创建对象

test.name // 获取name属性值,返回:lei
test["name"] //  获取name属性值,返回:lei

test.age // 获取不存在的属性age,返回:undefined
test["toString"] // 获取原型上的属性,返回:toString() {[native code]}

test.val = undefined // 新增一个值为值为 undefined 的属性 val
test.val // 获取val属性值,返回:undefined

从示例可以发现,使用obj.x !== undefined来判断 obj 对象是否存在 x 属性有一定局限性,即:如果 obj.x 的值为 undefined,则不能正确判断 Obj 对象是否有 x 属性

方法2:in运算符

let test = {name: ‘lei‘, val: undefined} // 创建对象

‘name‘ in test // 返回:true
‘val‘ in test // 返回:true
‘toString‘ in test // 返回:true
‘age‘ in test // 返回: false

从示例可以发现,与方法1不同,可以判断出值为 undefined 的属性是存在的,局限性是,不能区分对象本身属性原型链的属性

方法3:hasOwnProperty方法

let test = {name: ‘lei‘, val: undefined} // 创建对象

test.hasOwnProperty(‘name‘) // 返回:true,是对象自身属性
test.hasOwnProperty(‘age‘) // 返回:false,属性不存在
test.hasOwnProperty(‘toString‘) // 返回:false,不是对象自身属性,是原型链属性

从示例可以发现,hasOwnProperty() 可以判断 对象自身属性,适用于对象自身属性判断的场景
注意:在ESLint规则中,禁用了 state.hasOwnProperty(key) 用法,需要修改为 Object.prototype.hasOwnProperty.call(state, key)

JS 判断对象是否具有某属性的方法

上一篇:「Apache Groovy」- 编写 retry 函数 @20210426


下一篇:处理fastJson 序列化时间问题