最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

通過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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • js實現(xiàn)點擊切換和自動播放的輪播圖

    js實現(xiàn)點擊切換和自動播放的輪播圖

    這篇文章主要為大家詳細介紹了js實現(xiàn)點擊切換和自動播放的輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript復制內(nèi)容到剪貼板的兩種常用方法

    JavaScript復制內(nèi)容到剪貼板的兩種常用方法

    最近一個活動頁面中有一個小需求,用戶點擊或者長按就可以復制內(nèi)容到剪貼板,記錄一下實現(xiàn)過程和遇到的坑,需要的朋友可以參考下
    2018-02-02
  • 微信小程序事件綁定傳參冒泡及捕獲的示例詳解

    微信小程序事件綁定傳參冒泡及捕獲的示例詳解

    這篇文章主要為大家介紹了微信小程序事件綁定傳參冒泡及捕獲的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步早日升職加薪
    2022-04-04
  • JavaScript中DOM和BOM的區(qū)別與用處詳解

    JavaScript中DOM和BOM的區(qū)別與用處詳解

    這篇文章主要介紹了JavaScript中DOM和BOM的區(qū)別與用處,DOM和BOM是前端開發(fā)中常用的兩個概念,它們分別表示不同的對象模型,用于操作瀏覽器的不同部分,了解它們的區(qū)別和用處,有助于在前端開發(fā)中靈活使用?JavaScript?操作頁面和瀏覽器,需要的朋友可以參考下
    2024-09-09
  • Javascript HTML5 Canvas實現(xiàn)的一個畫板

    Javascript HTML5 Canvas實現(xiàn)的一個畫板

    這篇文章主要為大家詳細介紹了Javascript HTML5 Canvas實現(xiàn)的一個畫板的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • JavaScript實現(xiàn)列表分頁功能特效

    JavaScript實現(xiàn)列表分頁功能特效

    最近在做一個小項目,有時需要制作靜態(tài)頁面網(wǎng)站,而一旦涉及到文章的分頁,實現(xiàn)起來非常麻煩,自己又剛?cè)腴T,對js不是很熟悉,所以就拿來練練手。
    2015-05-05
  • JavaScript中的Promise詳解

    JavaScript中的Promise詳解

    這篇文章主要介紹了JavaScript中的Promise使用詳解,promise對象是JS進階學習中的重要知識點,需要的朋友可以參考下
    2021-10-10
  • js HTML5 canvas繪制圖片的方法

    js HTML5 canvas繪制圖片的方法

    這篇文章主要為大家詳細介紹了js HTML5 canvas繪制圖片的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • es6函數(shù)之箭頭函數(shù)用法實例詳解

    es6函數(shù)之箭頭函數(shù)用法實例詳解

    這篇文章主要介紹了es6函數(shù)之箭頭函數(shù)用法,結(jié)合實例形式詳細分析了es6箭頭函數(shù)基本功能、原理、用法及操作注意事項,需要的朋友可以參考下
    2020-04-04
  • JavaScript實現(xiàn)涂鴉筆功能

    JavaScript實現(xiàn)涂鴉筆功能

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)涂鴉筆功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06

最新評論

昌乐县| 上林县| 通榆县| 丹凤县| 正镶白旗| 卢氏县| 马龙县| 礼泉县| 咸阳市| 玉树县| 津南区| 安顺市| 临沂市| 渑池县| 佛冈县| 凌海市| 平利县| 高州市| 乐至县| 石棉县| 扬州市| 东辽县| 左贡县| 商水县| 广德县| 莎车县| 元阳县| 潜山县| 阿拉善右旗| 云南省| 全椒县| 宜宾市| 武安市| 雷波县| 海淀区| 海原县| 肇庆市| 托克逊县| 长白| 蓬溪县| 曲麻莱县|