JS如何判断对象为空？以及各自的缺点。

JS如何判断对象为空？以及各自的缺点。

Object.keys()

通过 Object.keys() 来获取对象的键进行判断。

function isEmpty(obj) {
  return Object.keys(obj).length === 0;
}

console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false
1
2
3
4
5
6

缺点：只能获取可枚举的字符串键。（MDN官网说明）

// 第一种：不可枚举字符串
const obj = {}
Object.defineProperty(obj, 'a', {
  value: 1,
  enumerable: false
})

console.log(obj); // { a: 1 }
console.log(isEmpty(obj)); // true

// 第二种：symbol
const obj = {
  [Symbol()]: 1
}

console.log(obj); // true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

JSON.stringify()

通过 JSON.stringify() 来将对象序列化为字符串进行判断。

function isEmpty(obj) {
  return JSON.stringify(obj) === '{}';
}

console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false
1
2
3
4
5
6

缺点：以 undefined、函数作为值，以 symbol 作为键或值都不能被序列化。（MDN官网说明）

const obj = {
  a: undefined,
  b: function () { },
  c: Symbol(),
  [Symbol()]: 1
}

console.log(isEmpty(obj)); // true
1
2
3
4
5
6
7
8

for...in

通过 for...in 直接遍历对象进行判断。

function isEmpty(obj) {
  let flag = true;
  for (let key in obj) {
    flag = false;
    break;
  }
  return flag;
}

console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false
1
2
3
4
5
6
7
8
9
10
11

缺点：只能遍历可枚举属性。（MDN官网说明）

// 第一种：不可枚举字符串
const obj = {}
Object.defineProperty(obj, 'a', {
  value: 1,
  enumerable: false
})

console.log(obj); // { a: 1 }
console.log(isEmpty(obj)); // true

// 第二种：symbol
const obj = {
  [Symbol()]: 1
}

console.log(obj); // true
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Object.getOwnPropertyNames() 结合 Object.getOwnPropertySymbols()

通过 Object.getOwnPropertyNames() 来获取对象的字符串键名以及 Object.getOwnPropertySymbols() 来获取对象的 symbol 键名进行判断。

function isEmpty(obj) {
  return Object.getOwnPropertyNames(obj).length + Object.getOwnPropertySymbols(obj).length === 0;
}

console.log(isEmpty({})); // true
console.log(isEmpty({ a: 1 })); // false

const obj = {
  [Symbol()]: 1
}
console.log(isEmpty(obj)); // false
1
2
3
4
5
6
7
8
9
10
11

完美解决！！！但相对复杂。

Reflect.ownKeys()

通过 Reflect.ownKeys() 来获取对象的键进行判断。

function isEmpty(obj) {
  return Reflect.ownKeys(obj).length === 0;
}

console.log(isEmpty({}));
console.log(isEmpty({ a: 1 }));

const obj = {
  [Symbol()]: 1
}
console.log(isEmpty(obj));
1
2
3
4
5
6
7
8
9
10
11

完美解决！！！且简单。