检查某个属性是否于目标对象的方法,以及他们的区别吧

一、使用 in 运算符:in 运算符用于检查属性是否存在于对象中。如果要检查的属性存在于目标对象或其原型链中,则返回 true,否则返回 false

const obj = {
  prop: "value"
};

console.log("prop" in obj); // 输出: true
console.log("otherProp" in obj); // 输出: false

二、使用 hasOwnProperty() 方法:hasOwnProperty() 是对象的内置方法,用于检查对象自身是否有指定名称的属性。它不会检查原型链上的属性,只会检查对象自身的属性。

const obj = {
  prop: "value"
};

console.log(obj.hasOwnProperty("prop")); // 输出: true
console.log(obj.hasOwnProperty("otherProp")); // 输出: false

三、使用 Object.prototype.hasOwnProperty.call():如果要在遇到命名冲突或命名空间的情况下使用 hasOwnProperty() 方法,可以使用这种方式。

const obj = {
  prop: "value",
  hasOwnProperty: function() {
    return "我真的不存在啊";
  }
};

console.log(obj.hasOwnProperty("prop")); // 输出: "我真的不存在啊" (本次调用的是obj重写的hasOwnproperty方法)
console.log(Object.prototype.hasOwnProperty.call(obj, "prop")); // 输出: true
console.log(Object.prototype.hasOwnProperty.call(obj, "otherProp")); // 输出: false

 四、使用Object.keys(targetObj).includes(prop),这种方法某些时候能够得到正确的结果,但也存在一定缺陷:

  1. 原型链上的属性被忽略:Object.keys() 只返回对象自身的可枚举属性,不包括从原型链继承而来的属性。如果要检查原型链上的属性,这种方法就不能满足需求。

  2. 非字符串属性名的处理:Object.keys() 返回的是一个字符串数组,其中包含了对象的可枚举属性名。如果需要判断的属性是一个非字符串类型(例如数字、布尔值等),那么它将被转换为字符串并作为属性名进行判断。这可能会导致意外的结果。具体如下:

    const obj = {
      1: "value1",
      true: "value2"
    };
    
    console.log(Object.keys(obj).includes(1));     // 输出: false
    console.log(Object.keys(obj).includes("1"));   // 输出: true
    console.log(Object.keys(obj).includes(true));  // 输出: false
    console.log(Object.keys(obj).includes("true")); // 输出: true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值