js判断空对象的几种方法

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

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


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

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


将对象转为字符串比较:使用JSON.stringify()这个方法对对象进行强转：

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


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

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

转载：https://blog.csdn.net/watercatmiao/article/details/84261015

1，把json对象转化成json字符串，判断是否全等于“{}”
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true
2，for-in循环，判断对象里面是否有值
var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true
3，jquery的isEmptyObject方法
var data = {};
var b = $.isEmptyObject(data);
alert(b);//true
4，Object.getOwnPropertyNames()方法
此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空
var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true
5，使用ES6的Object.keys()方法
与4方法类似，是ES6的新方法, 返回值也是对象中属性名组成的数组
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true

var obj = {};

1、转化成 Json 字符串

console.log(JSON.stringify(obj)==="{}");

2、利用Es6 遍历对象的属性： Object.keys(obj)

console.log(Object.keys(obj).length===0);

同理： 

Object.values(obj)

console.log(Object.values(obj).length===0);

Object.entries(obj)

console.log(Object.entries(obj).length===0);

3、利用Es6 遍历对象的属性：Object.getOwnPropertyNames(obj)

console.log(Object.getOwnPropertyNames(obj).length===0)

 4、利用Es6 遍历对象的属性：Reflect.ownKeys(obj)    

console.log(Reflect.ownKeys(obj).length===0)

* IE兼容有问题，提示：“Reflect”未定义 

Object.keys(obj)、Object.getOwnPropertyNames(obj)、Reflect.ownKeys(obj) 返回的都是一个数组，用数组长度，就能判断是否空对象了！

5、 jQuery 源码里判断空对象：for ... in

function isEmptyObject(){
	var name;
	for (name in obj) {
		return false;
	}
	return true;
}
console.log(isEmptyObject(obj));



jQuery 用法

console.log($.isEmptyObject(obj));



 

1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true


2.for in 循环判断
var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true


3.jquery的isEmptyObject方法
此方法是jquery将2方法(for in)进行封装，使用时需要依赖jquery
var data = {};
var b = $.isEmptyObject(data);
alert(b);//true


4.Object.getOwnPropertyNames()方法
此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空
注意：此方法不兼容ie8，其余浏览器没有测试
var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true


5.使用ES6的Object.keys()方法
与4方法类似，是ES6的新方法, 返回值也是对象中属性名组成的数组
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true
6.使用toString()方法，将返回值用这则进行裁切
目前感觉第一种方法干脆暴力，能解决问题