面试题(十一):js 判断对象为空的方法

34 阅读1分钟

JSON.stringify : 可以使对象序列化,转为相应的 JSON 格式

const obj = {};

console.log(JSON.stringify(obj) === '{}')   // true

for in 配合 hasOwnProperty 

const obj = {}
Object.prototype.a = 1

function isEmptyObj(obj) {
  let flag = true
  for (let o in obj) {
    if (obj.hasOwnProperty(o)) {
      flag = false
      break
    }
  }
  return flag
}

console.log(isEmptyObj(obj))  // true


注意:for in 在进行对象遍历时,会遍历对象原型上的属性,而我们只希望得到其自身的属性,这时可以使用 hasOwnProperty 来实现

Object.keys : 会返回对象自身可枚举属性组成的数组,而不会遍历原型上的属性

const obj = {}
Object.prototype.a = 1


console.log(Object.keys(obj).length)  // []
console.log(Object.keys(obj).length === 0)  // true

const obj1 = {name: "追光的栗子"}
console.log(Object.keys(obj).length)  // ['name']
console.log(Object.keys(obj).length === 0)  // false
console.log(Object.keys(obj).length)  // 1

缺点:Object.keys 和 for in 都只能遍历可枚举属性,不能遍历不可枚举的属性

Reflect.ownKeys : 返回一个由目标对象自身的属性组成的数组

const a = Symbol()
const obj1 = {
  [a]: 1
}
const obj2 = {b: 2}
const obj3 = {}
Object.defineProperty(obj3, 'a', {
  value: 1,
  enumerable: false
})
const obj4 = {}

console.log(Reflect.ownKeys(obj1).length === 0)  // false
console.log(Reflect.ownKeys(obj2).length === 0)  // false
console.log(Reflect.ownKeys(obj3).length === 0)  // false
console.log(Reflect.ownKeys(obj4).length === 0)  // true

判断对象是否为空时,使用 Reflect.ownKeys 方法