编程语言您现在的位置是:首页 > 博客日志 > 编程语言

js如何判断一个对象{}是否为空对象,没有任何属性

<a href='mailto:'>微wx笑</a>的头像微wx笑2020-04-12 10:58:22编程语言人已围观关键字: js  Javascript  

js如何判断一个对象{}是否为空对象,没有任何属性前段时间用js写了一个类似"angularjs"用于数据绑定的东西,功能是比较简单了,通常应该传进来的是一个ArrayList JSON对象数组,但

js如何判断一个对象{}是否为空对象,没有任何属性Hfj编程技术_踩坑日志_进阶指南_无知人生

前段时间用js写了一个类似"angularjs"用于数据绑定的东西,功能是比较简单了,Hfj编程技术_踩坑日志_进阶指南_无知人生

通常应该传进来的是一个ArrayList JSON对象数组,Hfj编程技术_踩坑日志_进阶指南_无知人生

但有时候通过AJAX方法调用返回的是一个JSON对象,而不是数组!Hfj编程技术_踩坑日志_进阶指南_无知人生

为了兼容这种情况使用了以下代码:Hfj编程技术_踩坑日志_进阶指南_无知人生

 Hfj编程技术_踩坑日志_进阶指南_无知人生

if (typeof model.rows === "object" && !(model.rows instanceof Array)){	model.rows = [model.rows];}

这段代码在后来使用过程中发现了一个Bug,就是当Hfj编程技术_踩坑日志_进阶指南_无知人生

model.rows = {};

时,依然把它当作一个有效的对象来处理,进行数据绑定,可想而知,所有数据都是空的。Hfj编程技术_踩坑日志_进阶指南_无知人生

 Hfj编程技术_踩坑日志_进阶指南_无知人生

解决方案:

那么怎么解决这个问题呢?Hfj编程技术_踩坑日志_进阶指南_无知人生

第一习惯首先是搜索一下,但得到的结果都是DOM相关的,差强人意!Hfj编程技术_踩坑日志_进阶指南_无知人生

这时想起之前写过遍历JS对象属性的方法,这里可以用上了!Hfj编程技术_踩坑日志_进阶指南_无知人生

代码如下:Hfj编程技术_踩坑日志_进阶指南_无知人生

if (typeof model.rows === "object" && !(model.rows instanceof Array)){
	var hasProp = false;
	for (var prop in model.rows){
		hasProp = true;
		break;
	}
	if (hasProp){
		model.rows = [model.rows];
	}else{
		throw "model.rows is empty object";
		return false;
	}
}


Hfj编程技术_踩坑日志_进阶指南_无知人生

代码很简单,就不写注释了。Hfj编程技术_踩坑日志_进阶指南_无知人生

jQuery中的实现方法

JavaScript判断object/json 是否为空,可以使用jQuery的isEmptyObject()方法。Hfj编程技术_踩坑日志_进阶指南_无知人生

此方法如下Hfj编程技术_踩坑日志_进阶指南_无知人生

function isEmptyObject(e) {
	var t;
	for (t in e)
		return !1;
	return !0
}

调用Hfj编程技术_踩坑日志_进阶指南_无知人生

console.log($.isEmptyObject({"re": 2})); 	//false
 
console.log(isEmptyObject()); 			//true
console.log(isEmptyObject({}));			//true
console.log(isEmptyObject(null));		//true
console.log(isEmptyObject(23));			//true
console.log(isEmptyObject({"te": 2}));		//false

jQuery的isEmptyObject()方法实现的代码即简单又简洁,但最关键的是我们要理解原理。Hfj编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()