Vue 进阶（幺贰贰）：ES6 判断是否为空对象

关注

发布于: 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

复制代码

六、拓展阅读

《Vue进阶（幺贰肆）：前端用户体验提升(一)》

发布于: 1 小时前阅读数: 2

原文链接:【http://xie.infoq.cn/article/260f3d334b07770f70bf0016e】。文章转载请联系作者。

No Silver Bullet

关注

No Silver Bullet 2021.07.09 加入

岂曰无衣与子同袍

发布

暂无评论

创作场景

Vue 进阶（幺贰贰）：ES6 判断是否为空对象

一、ES6 Object.keys()

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

三、for in 循环判断

四、jquery isEmptyObject()

五、Object.getOwnPropertyNames()

六、拓展阅读

No Silver Bullet

评论