共计 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
正文完
星哥玩云-微信公众号