JS判断空对象的几种方法

有时候，通过获取后端api返回的数据需要对其进行处理，例如正常情况下返回的JSON对象中可能包含一些属性，在有些操作情况下，如果没有和后端沟通好统一的返回类型，后端有可能返回一个空对象，这时候如果还是和之前一样渲染数据就会出错。因此我们需要对对象中的某个属性或者整个对象做判空处理。
数据：

let obj1 = {
  name : 'csy',
  say : function(){
    console.log('hi');
  }
};
let obj2 = {};

1、将对象转为字符串比较

let str1 = JSON.stringify(obj1);
let str2 = JSON.stringify(obj2);
console.log(str1, str2);
console.log(str1 === "{}",str2 === "{}");

2、for…in循环

使用for in循环可以遍历所有属性以次判断对象是否为空对象：

function isEmptyObject(obj){
    for(let key in obj){
        return false
    };
    return true
};
console.log(isEmptyObject(obj1));

3、Object.getOwnPropertyNames()

Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。用此方法判断空对象只需要判断返回的数组长度是否为零，为零的话就是空对象。

let keys1 = Object.getOwnPropertyNames(obj1);
let keys2 = Object.getOwnPropertyNames(obj2);
console.log(keys1, keys2);
console.log(keys1.length === 0, keys2.length === 0);

4、Object.keys()

该方法属于 ES5 标准，IE9 以上和其它现代浏览器均支持。Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致。用此方法判断空对象只需要判断返回的数组长度是否为零，为零的话就是空对象。

let keys1 = Object.keys(obj1);
let keys2 = Object.keys(obj2);
console.log(keys1, keys2);
console.log(keys1.length === 0, keys2.length === 0);