一、写在前面
js如何判断一个对象是否是空对象，本文给出三个方法。
二、采用for…in…进行遍历
最常见的思路就是使用for....in...遍历属性，为真则为非空对象，为假则为空对象。

  <script>
    function isEmptyObj(obj) {
      for(let item in obj) {
        return true
      }
      return false
    }    
    console.log(isEmptyObj({}))
  </script>

三、通过JSON自带的stringify()方法来判断

  <script>
    function isEmptyObj(obj) {
      if(JSON.stringify(obj) === '{}') {
        return false
      }
      return true
    }    
    console.log(isEmptyObj({}))
  </script>

这里为啥不使用toString呢？

  <script>
    console.log({}.toString())  //[object Object]
  </script>

四、ES6中新增的Object.keys()
我们可以使用Object.keys()取出所有的key,如果不存在，则为空数组。

  <script>
    function isEmpty(obj) {
      if(Object.keys(obj).length === 0) {
        return false
      }
      return true
    }
    console.log(isEmpty({}))
  </script>

我们可以将其写的更加精简的形式。

  <script>
    function isEmpty(obj) {
      return Object.keys(obj).length === 0
    }
    console.log(isEmpty({}))
  </script>

js 判断对象是否为空的四种方法

一.JSON.stringify()
将对象强制转成 {} 字符串进行比较
示例：

var a={};//或 a=new Object();
console.log(JSON.stringify(a)=="{}")  //true

二.for…in
遍历对象中所有属性，如果有属性则返回false，反之，返回true
示例：

var a={};
function isEmptyObject(obj){
    for(var key in obj){
        return false；
    };
    return true；
};
console.log(isEmptyObject(a));

三.Object.getOwnPropertyNames()
返回对象所有的属性名的数组，数组length为0，则对象是空对象。该方法是ES5标准
示例：

var a = {};
console.log(Object.getOwnPropertyNames(a).length == 0); // true

四.Object.keys()
返回对象所有的属性名的数组，数组length为0，则对象是空对象。该方法是ES5标准
示例：

var a = {};
var arr = Object.keys(a);
console.log(arr.length == 0);//true

function IsNull(obj){
	if(obj instanceof Array){
		console.log('是数组')
	}
	else if(obj == undefined){
		console.log('是undefined')
	}
	else if(obj == ''){
		console.log('字符串')
	}
	else if(obj == null){
		console.log('是null')
	}
	else{
		for(var i in obj){
			return false
		}
		return true
	}
}

空对象的呈现是var obj = {}

    function IsEmptyObject(obj){
          if(!obj || typeof obj != 'object' || Array.isArray(obj)){
            return false;
          }
            //第一种
            //测试性能段
            /*
            console.time('first');
            if(JSON.stringify(obj) === '{}'){
                console.timeEnd ('first');
                return true
            }else{
                console.timeEnd ('first');
                return false;
            }
            */
            return (JSON.stringify(obj) === '{}')
            //第二种
            console.time('second');
            for(var key in obj){
                console.timeEnd ('second');
                return false 
            }
            console.timeEnd ('second');
            return true;
    }

解决思路

第一种就是粗暴的直接转字符串，然后强行比较
第二种就是利用for in的原理，然后一旦进了循环，说明有key值，那就直接false啦，否则就是空对象

性能比较

下面测试一下两个方法的性能比较

• 第一种在a就是一个空对象的情况下，在Imac谷歌浏览器上平均耗时在0.012ms左右

• 第二种在a就是一个空对象的情况下，在Imac谷歌浏览器上平均耗时在0.007ms左右,性能差距为两倍

• 第一种在a是一个普通对象的情况下，豆瓣的api对象，在Imac谷歌浏览器上平均耗时在0.08ms左右

• 第二种在a是一个普通对象的情况下，豆瓣的api对象，在Imac谷歌浏览器上，第一次稍慢，0.02ms,平均耗时在0.0075ms左右,性能差距随着对象越大，差距也会越大