通過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){
// 類型為基本類型時(shí),如果相同,則返回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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JavaScript比較兩個對象是否相等的方法
- JS中如何比較兩個Json對象是否相等實(shí)例代碼
- 詳解JS 比較兩個Json對象的值是否相等的實(shí)例
- js對象的比較
- js對象與打印對象分析比較
- javascript 對象比較實(shí)現(xiàn)代碼
- js比較兩個單獨(dú)的數(shù)組或?qū)ο笫欠裣嗟鹊膶?shí)例代碼
- js實(shí)現(xiàn)數(shù)組去重、判斷數(shù)組以及對象中的內(nèi)容是否相同
- JS判斷兩個數(shù)組或?qū)ο笫欠裣嗤姆椒ㄊ纠?/a>
- JS實(shí)現(xiàn)對json對象排序并刪除id相同項(xiàng)功能示例
- js中比較兩個對象是否相同的方法示例
相關(guān)文章
手機(jī)平板等移動端適配跳轉(zhuǎn)URL的js代碼
每天一篇javascript學(xué)習(xí)小結(jié)(String對象)
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
webpack4.0+vue2.0利用批處理生成前端單頁或多頁應(yīng)用的方法
微信小程序scroll-view實(shí)現(xiàn)左右聯(lián)動效果
js通過keyCode值判斷單擊鍵盤上某個鍵,然后觸發(fā)指定的事件方法
javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁面 移動DIV
JS使用jsBarcode生成條形碼(一維碼)簡單實(shí)例

