使用JavaScript怎么對(duì)兩個(gè)對(duì)象字段相同度進(jìn)行判斷

這篇文章將為大家詳細(xì)講解有關(guān)使用JavaScript怎么對(duì)兩個(gè)對(duì)象字段相同度進(jìn)行判斷，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

代碼:

/**
* 判斷此對(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ù)組長度相同
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ù)組或者對(duì)象中所有元素都相同,返回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));

關(guān)于使用JavaScript怎么對(duì)兩個(gè)對(duì)象字段相同度進(jìn)行判斷就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。