共计 964 个字符,预计需要花费 3 分钟才能阅读完成。
导读 | 在 js 中判断对象是否为空,是十分常见的操作,那么在 ES6 中有哪些写法呢? |
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 |
正文完
星哥玩云-微信公众号
