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

简介: 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三目判断

目录
相关文章
|
存储 Kubernetes 调度
了解pod和pod的生命周期-这一篇文章就够了
了解pod和pod的生命周期-这一篇文章就够了
了解pod和pod的生命周期-这一篇文章就够了
|
缓存 JavaScript 安全
vue3对比vue2优化项简要概述
【8月更文挑战第9天】Vue 3 相较 Vue 2 有多项优化:一是性能提升,采用高效编译策略如静态提升与事件监听缓存减少不必要计算;二是响应式系统改用 Proxy 提升性能并改善对象及数组变化侦测;三是开发体验优化,引入组合式 API 便于逻辑复用,增强 TypeScript 支持,提供自定义渲染 API;四是体积更小,支持按需引入与树摇优化减少打包体积;五是其他改进如更好的错误处理和多根节点模板支持。综上,Vue 3 在多方面显著提升了开发效率和应用性能。
393 3
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
349 0
|
11月前
|
JavaScript 前端开发 Go
异步加载 JS 的方法
【10月更文挑战第24天】异步加载 JavaScript 是提高网页性能和用户体验的重要手段。通过使用不同的方法和技术,可以实现灵活、高效的异步加载 JavaScript。在实际应用中,需要根据具体情况选择合适的方法,并注意处理可能出现的问题,以确保网页能够正常加载和执行。
|
安全 网络安全 数据安全/隐私保护
网络安全与信息安全:构建安全防线的关键技术与实践
本文旨在探讨网络安全与信息安全领域的核心要素,包括网络安全漏洞、加密技术以及安全意识的重要性。通过深入分析这些关键技术和概念,旨在为读者提供一套全面的安全防范策略,帮助个人和企业更好地应对日益增长的网络威胁,保护自身信息资产安全。
226 5
|
缓存
自定义SDWebImage图片缓冲区自清理机制
自定义SDWebImage图片缓冲区自清理机制
263 0
|
JSON JavaScript 前端开发
总结JavaScript中的深拷贝与浅拷贝
总结JavaScript中的深拷贝与浅拷贝
|
JavaScript 前端开发
【Web 前端】JS中检测数据类型的有哪些?
【4月更文挑战第22天】【Web 前端】JS中检测数据类型的有哪些?
VSCode 自动修改闭合标签
VSCode 自动修改闭合标签
278 0