Vue进阶(幺贰贰):ES6 判断是否为空对象

69 阅读1分钟

一、ES6 Object.keys()

Object.keys()ES6中的新方法, 返回值是对象中属性名组成的数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。

Object.keys(obj).length === 0 && obj.constructor === Object  // true表示为空对象,false为非空对象

缺点: 部分浏览器不支持,需要通过 babel 类插件转为 ES5。使用范例如下:

var data = {};

var arr = Object.keys(data);

alert(arr.length == 0);//true 即为空对象

var datas={a:1,b:2};

var aRR = Object.keys(datas);

console.log(aRR) -->   ['a','b']

二、将 json 对象转化为 json 字符串,再判断该字符串是否为"{}"

var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true

三、for in 循环判断

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

四、jquery isEmptyObject()

此方法是jquery将方法3 (for in)进行封装,使用时需要依赖jquery

var data = {};
var b = $.isEmptyObject(data);
alert(b);//true

五、Object.getOwnPropertyNames()

此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空。

注意:此方法不兼容ie8,其余浏览器没有测试。

var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true

六、拓展阅读