如何在 JavaScript 中检查对象中是否存在某个属性？

  • in 操作符用于检查对象的自有属性和继承来的属性是否存在。
let user = {
  name: 'lio'
}

console.log('age' in user)  // false
console.log('name' in user) // true
console.log('constructor' in user) // true
  • hasOwnProperty 方法只检查属性是否存在于当前对象中，而忽略原型链。
console.log(user.hasOwnProperty('age'))  // false
console.log(user.hasOwnProperty('name')) // true
console.log(user.hasOwnProperty('constructor')) // false
  • 使用点运算符或括号符号 user["prop"]。如果属性存在，它将返回该属性的值，否则将返回 undefined 
console.log(user['age'])  // undefined
console.log(user['name']) // "lio"
  • ES11 的 ?. 可选链操作符的出现是为了解决 "不存在的属性" 引起的错误问题，我们刚好可以来检查对象属性是否存在。
console.log(user?.age)  // undefined
console.log(user?.name) // "lio"
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容