JS判断对象是否含有某个属性、是否为空的方法

4,934 阅读3分钟

一、判断对象是否是否为空

1. 使用JSON.stringify()

JSON.stringify()作用是将对象转为json字符串

let obj = {}
let obj1 = new Object()
let obj2 = {
    age: 18
}

console.log('obj', JSON.stringify(obj) === '{}')  // true
console.log('obj1', JSON.stringify(obj1) === '{}')  // true
console.log('obj2', JSON.stringify(obj2) === '{}')  // false

该方法有个缺点,JSON.stringify()只能序列化对象的可枚举的自有属性,即如果有属性是不可枚举或继承属性的话,结果也是true

let obj = {}
// 在原型上添加一个可枚举属性
Object.prototype.name = "Jerry"
console.log(JSON.stringify(obj) === '{}') // true
// 在obj对象上添加一个不可枚举属性
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(JSON.stringify(obj) === '{}') // true

2. for..in循环

使用for..in循环遍历对象除Symbol以外的所有可枚举属性。当对象有属性存在返回false,否则返回true

let obj = {}
function isObjectEmpty(obj) {
  for (let key in obj) {
    return false
  }
  return true
}
console.log(isObjectEmpty(obj)) // true

在实际开发工作中,有时需要只考虑对象自身的属性,而不是继承来的,这时可以配合Object.getOwnPropertyNames()Object.hasOwnProperty() 来进行过滤。

function isObjectEmpty (obj) {
  for (let key in obj) {
    if(obj.hasOwnProperty(key)) return false
  }
  return true
}

3. Object.getOwnPrototypeNames()

Object.getOwnPrototypeNames()方法会返回该对象所有可枚举和不可枚举属性的属性名组成的数组,然后通过判断返回的数组长度是否为0,如果为0就是空对象

let obj = {}
console.log(Object.getOwnPrototypeNames(obj).length === 0) // true

该方法对于不可枚举的方法也可以检测出来

let obj = {}
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.getOwnPrototypeNames(obj).length === 0)   // false

4. Object.keys()

Object.keys()是一个对象方法,该方法返回一个数组,包含指定对象自有的可枚举属性, 用此方法只需要判断返回的数组长度是否为0,为0就是空对象

let obj = {}
console.log(Object.keys(obj).length === 0) // true

Object.prototype.name = 'Jerry'
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj).length === 0) // true

二、判断对象是否含有某个属性

1. 点(.)/方括号([]) + undefined

通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined,这种方式可以判断指定对象的自有属性和继承属性,如果对象自身没有检测的属性,而原型链上有该属性,则会返回原型链上的属性值。同时该方法可以检测不可枚举属性。

let obj = {
  name: 'Jerry',
  age: 18
}
console.log(obj.name !== undefined)     // true 自身属性存在
console.log(obj['name'] !== undefined)  // true  
console.log(obj.gender !== undefined)   // false  属性不存在

Object.prototype.gender = 'male' // 在原型上添加一个可枚举属性
Object.defineProperty(obj, 'job', {  // 在原型上添加一个不可枚举属性
  value: 'IOS',
  enumerable: false
})
console.log(obj.gender !== undefined)   // true  
console.log(obj['job'] !== undefined)   // true

简单的,我们可以通过Object.prototypeName !== undefined的返回值来判断对象上是否含有某个属性。

但有一种情况,即:属性名存在,属性值是undefined,就不会返回想要的结果:

let obj = {}
obj.name = undefined
console.log(obj.name !== undefined) // false

那么,我们可以使用in运算符来解决这个问题。

2. in

该方法可以判断指定对象的自有属性和继承属性中是否存在某属性,如果存在则返回true,in也能检测到原型链上的属性。

let obj = {
  name: 'Jerry',
  from: undefined
}
Object.prototype.age = 18
Object.defineProperty(obj, 'job', {
  value: 'IOS',
  enumerable: false
})
console.log('name' in obj)    // true
console.log('age' in obj)     // true
console.log('job' in obj)     // true
console.log('gender' in obj)  // false
console.log('from' in obj)    // true

以上两种方法的局限性是:不能准确区分是自身属性还是原型链上的属性,如果仅检测自身属性是否存在时,就需要Object.hasOwnPrototype()了。

3. Object.hasOwnPrototype()

Object.hasOwnPrototype()用来判断指定对象自身是否含有某个属性(非继承), 返回布尔值。

let obj = {
  name: 'Jerry',
  from: undefined
}
Object.prototype.age = 18
Object.defineProperty(obj, 'job', {
  value: 'IOS',
  enumerable: false
})
console.log(obj.hasOwnProperty('name')) // true 自身属性
console.log(obj.hasOwnProperty('from')) // true 
console.log(obj.hasOwnProperty('age')) // false 原型链上继承的属性
console.log(obj.hasOwnProperty('job')) // true 不可枚举属性

该方法会过滤掉那些继承来的属性,当检测属性为自身属性时返回true

以上三种方法均可以检测不可枚举属性,而第四种不可以

4. Object.keys()

Object.keys()是一个对象方法,该方法返回一个数组,包含指定对象自有的可枚举属性, 用此方法只需要判断返回的数组长度是否为0,为0就是空对象

let obj = {}
console.log(Object.keys(obj).length === 0) // true

Object.prototype.name = 'Jerry'
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj).length === 0) // true