判断对象是否含有改属性,三个方法

简介: JavaScript中判断对象是否包含属性的三种方法:1. 使用`'property' in object`检查自有属性和继承属性;2. 使用`object.hasOwnProperty('property')`仅检查自有属性;3. 使用`if (object.property)`判断,但返回属性值。

pro in obj 即可;

该方法可以判断对象的自有属性和继承来的属性是否存在。

属性 in 对象:

    let infoObj = {
   
      name: "六卿",
      age: 18,
      habby: ['唱歌', '贪财好色'],
      friends: {
   
        '张三': 'Y',
        '小李': 'N'
      }
    }
    console.log('name' in infoObj, 'name')
    console.log('age' in infoObj, 'age')
    console.log('habby' in infoObj, 'habby')
    console.log('friends' in infoObj, 'friends')
    console.log('六卿' in infoObj, '六卿')
    console.log('张三' in infoObj.friends, '张三')
    console.log('小李' in infoObj.friends, '小李')
    console.log('六卿' in infoObj.friends, '六卿')

在这里插入图片描述
还可以利用对象自带的hasOwnProperty()方法进行判断
用法:对象.hasOwnProperty(pro) 返回布尔值
注意:只能判断对象资深的属性,不能判断继承来的属性

也可以利用或者直接使用if判断or三目判断

目录
相关文章
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
621 0
|
JavaScript 前端开发 Go
异步加载 JS 的方法
【10月更文挑战第24天】异步加载 JavaScript 是提高网页性能和用户体验的重要手段。通过使用不同的方法和技术,可以实现灵活、高效的异步加载 JavaScript。在实际应用中,需要根据具体情况选择合适的方法,并注意处理可能出现的问题,以确保网页能够正常加载和执行。
|
JavaScript
vue3,使用watch监听props中的数据
【10月更文挑战第3天】
4061 2
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
3733 1
|
JavaScript
Vue3基础(十)___toRaw___markRaw
本文介绍了Vue 3中`toRaw`和`markRaw`的用法,解释了`toRaw`用于获取`ref`和`reactive`对象的原始数据,而`markRaw`用于阻止Vue将对象转换为响应式数据。文章通过代码示例展示了这两个函数在实际开发中的应用和效果。
309 0
Vue3基础(十)___toRaw___markRaw
|
Web App开发 应用服务中间件 定位技术
three.js:三维模型加载量测试
three.js:三维模型加载量测试
855 4
|
监控 程序员 芯片
STM32 你不知道的看门狗细节
你知道什么是看门狗吗?看门狗,实际上可以说就是一个简单的定时器功能,而这个定时器有一个输出端,可以输出复位信号。
1556 88
STM32 你不知道的看门狗细节
|
JSON JavaScript 前端开发
总结JavaScript中的深拷贝与浅拷贝
总结JavaScript中的深拷贝与浅拷贝
|
JavaScript 前端开发
【Web 前端】JS中检测数据类型的有哪些?
【4月更文挑战第22天】【Web 前端】JS中检测数据类型的有哪些?

热门文章

最新文章