首页  >  文章  >  web前端  >  es6怎么判断对象是否为空

es6怎么判断对象是否为空

青灯夜游
青灯夜游原创
2022-10-20 16:39:004713浏览

判断方法:1、用“Object.keys()”判断,语法“Object.keys(obj).length === 0&&obj.constructor===Object  ”,返回true表示为空;2、将对象转化为json字符串,判断该字符串是否为“{}”即可;3、用isEmptyObject()判断,语法“$.isEmptyObject(data)”,返回true表示为空。

es6怎么判断对象是否为空

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

判断对象是否为空,就是判断对象是否为空对象。

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']

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

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

3、for in 循环判断

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

4、jquery的isEmptyObject方法

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

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

5、Object.getOwnPropertyNames()方法

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

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

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

【相关推荐:javascript视频教程编程视频

以上是es6怎么判断对象是否为空的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn