JS中如何比較兩個(gè)Json對(duì)象是否相等實(shí)例代碼
更新時(shí)間：2016年07月13日 15:29:05 作者：什么都看不懂
這篇文章主要介紹了JS中如何比較兩個(gè)Json對(duì)象是否相等實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
在js前端面試過程中，經(jīng)常會(huì)遇到這樣的筆試題：JS中如何比較兩個(gè)Json對(duì)象是否相等實(shí)例代碼，下面小編抽點(diǎn)時(shí)間給大家整理下，一起看看吧。
1.先準(zhǔn)備三個(gè)工具方法，用于判斷是否是對(duì)象類型，是否是數(shù)組，獲取對(duì)象長度
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.準(zhǔn)備兩個(gè)相同或不同的Json對(duì)象
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": "馬欄山二號(hào)"
}
3.主要的代碼
function Compare(objA, objB) {
if (!isObj(objA) || !isObj(objB)) return false; //判斷類型是否正確
if (getLength(objA) != getLength(objB)) return false; //判斷長度是否一致
return CompareObj(objA, objB, true);//默認(rèn)為true
}
function CompareObj(objA, objB, flag) {
for (var key in objA) {
if (!flag) //跳出整個(gè)循環(huán)
break;
if (!objB.hasOwnProperty(key)) { flag = false; break; }
if (!isArray(objA[key])) { //子級(jí)不是數(shù)組時(shí),比較屬性值
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) //這里跳出循環(huán)是為了不讓遞歸繼續(xù)
break;
flag = CompareObj(oA[k], oB[k], flag);
}
}
}
return flag;
}
4.調(diào)用方法
var result = Compare(jsonObjA, jsonObjB); console.log(result); // true or false
相關(guān)文章
本文主要講解了DOM事件中Event對(duì)象的常用屬性和方法，同時(shí)也介紹了其在IE中的兼容性問題及解決方案。希望對(duì)大家有所幫助2016-12-12
JavaScript中if、else?if、else和switch的語法、用法及注意事項(xiàng)
這篇文章主要介紹了JavaScript中的條件判斷語句,包括if、elseif、else和switch的基本語法、用法及注意事項(xiàng),通過這些語句,可以根據(jù)不同的條件執(zhí)行相應(yīng)的代碼塊,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
mpvue實(shí)現(xiàn)小程序簽到金幣掉落動(dòng)畫(api實(shí)現(xiàn))
這篇文章主要介紹了mpvue實(shí)現(xiàn)小程序簽到金幣掉落動(dòng)畫,這里使用小程序自帶的api來實(shí)現(xiàn)，文中通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2019-10-10
javascript 數(shù)組去重復(fù)(在線去重工具)
很多情況下我們需要去掉重復(fù)的內(nèi)容，一般我們都是將很多內(nèi)容放到一個(gè)數(shù)組里面，然后再去重復(fù)，這里簡單為大家整理一下2016-12-12
js,jQuery 排序的實(shí)現(xiàn)代碼,網(wǎng)頁標(biāo)簽排序的實(shí)現(xiàn),標(biāo)簽排序
js,jQuery 排序的實(shí)現(xiàn),網(wǎng)頁標(biāo)簽排序的實(shí)現(xiàn),標(biāo)簽排序，需要的朋友可以參考下。2011-04-04
IE中jscript/javascript的條件編譯...2006-09-09
JS實(shí)現(xiàn)數(shù)組去重,顯示重復(fù)元素及個(gè)數(shù)的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組去重,顯示重復(fù)元素及個(gè)數(shù)的方法,涉及javascript數(shù)組遍歷、統(tǒng)計(jì)、計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
jQuery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析
這篇文章主要介紹了jquery?事件綁定及取消?bind?live?delegate?on?one區(qū)別解析，本文給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11
JS使用插件cryptojs進(jìn)行加密解密數(shù)據(jù)實(shí)例
這篇文章主要介紹了JS使用插件cryptojs進(jìn)行加密解密數(shù)據(jù),結(jié)合完整實(shí)例形式分析了javascript基于加密插件實(shí)現(xiàn)加密解密功能的相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
解決在layer.open中使用時(shí)間控件laydate失敗的問題
今天小編就為大家分享一篇解決在layer.open中使用時(shí)間控件laydate失敗的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09