js对象:检测属性是否存在

18 篇文章 4 订阅

目录

一、in

二、hasOwnProperty()

三、propertyIsEnumerable()

四、!== 或===


一、in

in运算符左侧是属性名(字符串),右侧是对象。

如果对象的自有属性或继承属性中有这个属性则返回true

// 例
let obj = {x:1};
"x" in obj;  // true:x是obj的自有属性
"y" in obj;  // false:y不是obj的自有属性,也不是obj的继承属性
"toString" in obj;  // true:obj继承toString属性

二、hasOwnProperty()

hasOwnPreperty方法用来检测给定的名字是否是对象的自有属性,对于继承属性它将返回false

// 例
let obj = {x:1};
obj.hasOwnProperty("x");  // true:x是obj的自有属性
obj.hasOwnProperty("y");  // false:obj上不存在y属性
obj.hasOwnProperty("toString");  // false:toString是继承属性,不是自有属性

三、propertyIsEnumerable()

propertyIsEnumerable()是hasOwnproperty()的增强版,只有检测到时自有属性且这个属性的可枚举性(enumerable attribute)为true时,它才返回true。

<script>
  function School(schoolName) {
    this.school = schoolName
  }
  function Student(major, name) {
    this.major = major
    this.name = name
  }
  Student.prototype = new School('西安交通大学');
  let xiaoMing = new Student('计算机科学与技术', '小明')
  console.log(xiaoMing);
  xiaoMing.propertyIsEnumerable('name'); // true: xiaoming有一个可枚举的自有属性
  xiaoMing.propertyIsEnumerable('school'); // false: school是继承来的
</script>

四、!== 或===

直接判断属性是否是undefined

注意:当属性值为undefined时,这种判断方式是不能区分不存在的属性和存在但值为undefined的属性,如果需要区分,需要使用in来判断

<script>
let obj = {
  name: undefined
}
obj.name !== undefined; // false: 属性存在,但值为undefined
obj.age !== undefined; // false: 属性不存在
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
根据引用\[1\]中的内容,可以使用以下几种方法来判断一个对象是否具有某个属性: 1. 使用in关键字:使用in关键字可以判断对象的自有属性和继承来的属性是否存在。例如,使用"属性名" in 对象的方式来判断属性是否存在。 2. 使用对象的hasOwnProperty()方法:该方法只能判断自有属性是否存在,对于继承属性会返回false。例如,使用对象的hasOwnProperty("属性名")方法来判断自有属性是否存在。 3. 使用undefined判断:使用对象.属性名 !== undefined的方式来判断属性是否存在。这种方法可以判断自有属性和继承属性。 4. 在条件语句中直接判断:可以直接在条件语句中判断对象属性是否存在。例如,使用if语句来判断对象.属性是否存在。 根据引用\[2\]中的内容,通过点或者方括号可以获取对象属性值,如果对象上不存在该属性,则会返回undefined。当然,这的“不存在”指的是对象自身和原型链上都不存在,如果原型链有该属性,则会返回原型链上的属性值。 根据引用\[3\]中的内容,可以使用对象的hasOwnProperty()方法来判断对象是否具有某个属性。该方法返回一个布尔值,如果对象具有指定的属性,则返回true,否则返回false。 综上所述,可以使用in关键字、hasOwnProperty()方法、undefined判断和条件语句来判断一个对象是否具有某个属性。 #### 引用[.reference_title] - *1* [javascript检测对象是否存在某个属性判断方法小结](https://blog.csdn.net/hsany330/article/details/9000557)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [js判断对象属性是否存在的方法](https://blog.csdn.net/sqlquan/article/details/82251586)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值