通過JS深度判斷兩個對象字段相同
更新時間:2019年06月14日 10:39:01 作者:莫問今朝
這篇文章主要介紹了通過JS深度判斷兩個對象字段相同,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,,需要的朋友可以參考下
代碼:
/** * 判斷此對象是否是Object類型 * @param {Object} obj */ function isObject(obj){ return Object.prototype.toString.call(obj)==='[object Object]'; }; /** * 判斷此類型是否是Array類型 * @param {Array} arr */ function isArray(arr){ return Object.prototype.toString.call(arr)==='[object Array]'; }; /** * 深度比較兩個對象是否相同 * @param {Object} oldData * @param {Object} newData */ function equalsObj(oldData,newData){ // 類型為基本類型時,如果相同,則返回true if(oldData===newData)return true; if(isObject(oldData)&&isObject(newData)&&Object.keys(oldData).length === Object.keys(newData).length){ // 類型為對象并且元素個數(shù)相同 // 遍歷所有對象中所有屬性,判斷元素是否相同 for (const key in oldData) { if (oldData.hasOwnProperty(key)) { if(!equalsObj(oldData[key],newData[key])) // 對象中具有不相同屬性 返回false return false; } } }else if(isArray(oldData)&&isArray(oldData)&&oldData.length===newData.length){ // 類型為數(shù)組并且數(shù)組長度相同 for (let i = 0,length=oldData.length; i <length; i++) { if(!equalsObj(oldData[i],newData[i])) // 如果數(shù)組元素中具有不相同元素,返回false return false; } }else{ // 其它類型,均返回false return false; } // 走到這里,說明數(shù)組或者對象中所有元素都相同,返回true return true; };
測試:
var oldArr = [1,2, [ { name:"張三", age:11, } ], { name:'李四', age:21, em:[ { address:'邯鄲', phone:'123' }, { address:'北京', phone:234 } ] } ]; var newArr = [1,2, [ { name:"張三", age:11 } ], { name:'李四', age:21, em:[ { address:'邯鄲', phone:'123' }, { address:'北京', phone:234 } ] } ]; console.log(equalsObj(oldArr,newArr));
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章

onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實現(xiàn)代碼,希望對你有所幫助
2013-04-04 
webpack4.0+vue2.0利用批處理生成前端單頁或多頁應用的方法
這篇文章主要介紹了webpack4.0+vue2.0利用批處理生成前端單頁或多頁應用的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
2019-06-06 
微信小程序scroll-view實現(xiàn)左右聯(lián)動效果
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)左右聯(lián)動效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
2021-09-09 
js通過keyCode值判斷單擊鍵盤上某個鍵,然后觸發(fā)指定的事件方法
下面小編就為大家?guī)硪黄猨s通過keyCode值判斷單擊鍵盤上某個鍵,然后觸發(fā)指定的事件方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02 
javascript實現(xiàn)鼠標點擊頁面 移動DIV
本篇文章主要介紹javascript實現(xiàn)鼠標點擊頁面,移動DIV。話不多說,附上代碼實例。需要的朋友來看下吧
2016-12-12