通過(guò)JS深度判斷兩個(gè)對(duì)象字段相同
代碼:
/** * 判斷此對(duì)象是否是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]'; }; /** * 深度比較兩個(gè)對(duì)象是否相同 * @param {Object} oldData * @param {Object} newData */ function equalsObj(oldData,newData){ // 類型為基本類型時(shí),如果相同,則返回true if(oldData===newData)return true; if(isObject(oldData)&&isObject(newData)&&Object.keys(oldData).length === Object.keys(newData).length){ // 類型為對(duì)象并且元素個(gè)數(shù)相同 // 遍歷所有對(duì)象中所有屬性,判斷元素是否相同 for (const key in oldData) { if (oldData.hasOwnProperty(key)) { if(!equalsObj(oldData[key],newData[key])) // 對(duì)象中具有不相同屬性 返回false return false; } } }else if(isArray(oldData)&&isArray(oldData)&&oldData.length===newData.length){ // 類型為數(shù)組并且數(shù)組長(zhǎng)度相同 for (let i = 0,length=oldData.length; i <length; i++) { if(!equalsObj(oldData[i],newData[i])) // 如果數(shù)組元素中具有不相同元素,返回false return false; } }else{ // 其它類型,均返回false return false; } // 走到這里,說(shuō)明數(shù)組或者對(duì)象中所有元素都相同,返回true return true; };
測(cè)試:
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));
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JavaScript比較兩個(gè)對(duì)象是否相等的方法
- JS中如何比較兩個(gè)Json對(duì)象是否相等實(shí)例代碼
- 詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例
- js對(duì)象的比較
- js對(duì)象與打印對(duì)象分析比較
- javascript 對(duì)象比較實(shí)現(xiàn)代碼
- js比較兩個(gè)單獨(dú)的數(shù)組或?qū)ο笫欠裣嗟鹊膶?shí)例代碼
- js實(shí)現(xiàn)數(shù)組去重、判斷數(shù)組以及對(duì)象中的內(nèi)容是否相同
- JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒ㄊ纠?/a>
- JS實(shí)現(xiàn)對(duì)json對(duì)象排序并刪除id相同項(xiàng)功能示例
- js中比較兩個(gè)對(duì)象是否相同的方法示例
相關(guān)文章

手機(jī)平板等移動(dòng)端適配跳轉(zhuǎn)URL的js代碼

每天一篇javascript學(xué)習(xí)小結(jié)(String對(duì)象)

onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

webpack4.0+vue2.0利用批處理生成前端單頁(yè)或多頁(yè)應(yīng)用的方法

微信小程序scroll-view實(shí)現(xiàn)左右聯(lián)動(dòng)效果

js通過(guò)keyCode值判斷單擊鍵盤(pán)上某個(gè)鍵,然后觸發(fā)指定的事件方法

javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面 移動(dòng)DIV

JS使用jsBarcode生成條形碼(一維碼)簡(jiǎn)單實(shí)例