js中判断obj中是否含有某个属性的方法

一般而言,比较常用的有in,hasOwnProperty, 比较undefined。

首先我们先定义一个对象

        let obj = {
            a: 1,
            b: 2,
            d: undefined
        }
  1. hasOwnProperty()表明它查看对象自身的属性
        console.log(obj.hasOwnProperty('a')) //true
        obj.c = 3
        console.log(obj) //{a: 1, b: 2, c: 3}
        //自己的属性是直接在对象上定义的属性
        console.log(obj.hasOwnProperty('c')) //true
        console.log(obj.toString) //ƒ toString() { [native code] }
        //而没有检测到继承的属性
        console.log(obj.hasOwnProperty('toString')) //false
   
  1. in运算符(推荐
   console.log('toString' in obj) //true
    

小结: hasOwnProperty()方法和in操作符之间的主要区别在于后者能检查对象自身和继承的属性

  1. 与undefined比较,从对象访问不存在的属性会导致undefined
 
    console.log(obj.a !== undefined)// true
    console.log(obj.toString !== undefined)//true

    console.log(obj.d !== undefined) // false

小结:即使属性name存在(但有undefined值),obj.d !== undefined 判断为false,错误地认为缺少name属性。所以这种方法有误判断的可能。

总结,判断属性是否存在,推荐使用in方法

posted @ 2023-11-16 12:02  Fanyee  阅读(204)  评论(0编辑  收藏  举报