JS中如何比较两个Json对象是否相等实例代码
更新时间：2016年07月13日 15:29:05 作者：什么都看不懂
这篇文章主要介绍了JS中如何比较两个Json对象是否相等实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
在js前端面试过程中，经常会遇到这样的笔试题：JS中如何比较两个Json对象是否相等实例代码，下面小编抽点时间给大家整理下，一起看看吧。
1.先准备三个工具方法，用于判断是否是对象类型，是否是数组，获取对象长度
function isObj(object) {
return object && typeof (object) == 'object' && Object.prototype.toString.call(object).toLowerCase() == "[object object]";
}
function isArray(object) {
return object && typeof (object) == 'object' && object.constructor == Array;
}
function getLength(object) {
var count = 0;
for (var i in object) count++;
return count;
}
2.准备两个相同或不同的Json对象
var jsonObjA = {
"Name": "MyName",
"Company": "MyCompany",
"Infos": [
{ "Age": "100" },
{
"Box": [
{ "Height": "100" },
{ "Weight": "200" }
]
}
],
"Address": "马栏山"
}
var jsonObjB = {
"Name": "MyName",
"Company": "MyCompany",
"Infos": [
{ "Age": "100" },
{
"Box": [
{ "Height": "100" },
{ "Weight": "200" }
]
}
],
"Address": "马栏山二号"
}
3.主要的代码
function Compare(objA, objB) {
if (!isObj(objA) || !isObj(objB)) return false; //判断类型是否正确
if (getLength(objA) != getLength(objB)) return false; //判断长度是否一致
return CompareObj(objA, objB, true);//默认为true
}
function CompareObj(objA, objB, flag) {
for (var key in objA) {
if (!flag) //跳出整个循环
break;
if (!objB.hasOwnProperty(key)) { flag = false; break; }
if (!isArray(objA[key])) { //子级不是数组时,比较属性值
if (objB[key] != objA[key]) { flag = false; break; }
} else {
if (!isArray(objB[key])) { flag = false; break; }
var oA = objA[key], oB = objB[key];
if (oA.length != oB.length) { flag = false; break; }
for (var k in oA) {
if (!flag) //这里跳出循环是为了不让递归继续
break;
flag = CompareObj(oA[k], oB[k], flag);
}
}
}
return flag;
}
4.调用方法
var result = Compare(jsonObjA, jsonObjB); console.log(result); // true or false
相关文章
本文主要讲解了DOM事件中Event对象的常用属性和方法，同时也介绍了其在IE中的兼容性问题及解决方案。希望对大家有所帮助2016-12-12
JavaScript中if、else if、else和switch的语法、用法及注意事项
这篇文章主要介绍了JavaScript中的条件判断语句,包括if、elseif、else和switch的基本语法、用法及注意事项,通过这些语句,可以根据不同的条件执行相应的代码块,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了mpvue实现小程序签到金币掉落动画,这里使用小程序自带的api来实现，文中通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2019-10-10
很多情况下我们需要去掉重复的内容，一般我们都是将很多内容放到一个数组里面，然后再去重复，这里简单为大家整理一下2016-12-12
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
js,jQuery 排序的实现,网页标签排序的实现,标签排序，需要的朋友可以参考下。2011-04-04
IE中jscript/javascript的条件编译...2006-09-09
这篇文章主要介绍了JS实现数组去重,显示重复元素及个数的方法,涉及javascript数组遍历、统计、计算等相关操作技巧,需要的朋友可以参考下2019-01-01
jQuery 事件绑定及取消 bind live delegate on one区别解析
这篇文章主要介绍了jquery 事件绑定及取消 bind live delegate on one区别解析，本文给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-11-11
这篇文章主要介绍了JS使用插件cryptojs进行加密解密数据,结合完整实例形式分析了javascript基于加密插件实现加密解密功能的相关操作技巧,需要的朋友可以参考下2017-05-05
解决在layer.open中使用时间控件laydate失败的问题
今天小编就为大家分享一篇解决在layer.open中使用时间控件laydate失败的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论