JavaScript判断变量是否为空对象 {} 的几种方法

快来打我* 2022-05-15 03:11 274阅读 0赞

## 将`json`对象转化为`json`字符串，再判断该字符串是否为`"{}"` ##

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

## `for in` 循环判断 ##

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

网上很多都是如上的说法，但是会存在一个问题，就是如果`obj=null` ，`obj=undefined`，`obj=[]`，`obj=0` 以及obj为任意数字也返回true，所以有了下面这个`for in` 循环判断：

方案一：

方案二：

上面两种方案的区别就是判断判断空数组的方式不同。

## jQuery的`jQuery.isEmptyObject(obj)`方法 ##

var obj = { };
    var b = $.isEmptyObject(obj);
    console.log(b); // true

`jQuery.isEmptyObject(obj)` 方法依然存在`obj=null` ，`obj=undefined`，`obj=""`，`obj=[]`，`obj=0` 以及obj为任意数字返回true的问题，所以我们还应该再用`typeof` 或者 `$.type()` 判断一下：

var obj = { };
    var b = $.isEmptyObject(obj) && $.type(obj) === "object";
    console.log(b); // true

var obj = { };
    var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && !Array.isArray(obj);
    console.log(b); // true

var obj = { };
    var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && Object.prototype.toString.call(obj) !== "[object Array]";
    console.log(b); // true

## `Object.getOwnPropertyNames()`方法 ##

`Object.getOwnPropertyNames()` 方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

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

`Object.getOwnPropertyNames()` 方法存在`obj=0` 以及obj为任意数字返回true的问题，所以我们还应该再用`typeof` 判断一下：

var obj = { };
    var b = !Object.getOwnPropertyNames(obj).length && typeof obj === "object";
    console.log(b); // true

## `Object.keys()`方法 ##

`Object.keys()` 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 `for...in` 循环遍历该对象时返回的顺序一致 。

var obj = { };
    var b = !Object.keys(obj).length;
    console.log(b); // true

`Object.keys()` 方法存在`obj=""`，`obj=[]`，`obj=0` 以及obj为任意数字返回true的问题，所以依旧需要加判断如下：

var obj = { };
    var b = !Object.keys(obj).length && typeof obj === "object" && !Array.isArray(obj);
    console.log(b); // true

var obj = { };
    var b = !Object.keys(obj).length && typeof obj === "object" && Object.prototype.toString.call(obj) !== "[object Array]";
    console.log(b); // true

## 在实际应用中，如果对象不为空，并且知道对象不为空时，某个属性一定存在，则直接判断这个对象的此属性是否存在。 ##

总体来说，还是第一种最方便简单。