亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

通過(guò)JS深度判斷兩個(gè)對(duì)象字段相同

 更新時(shí)間:2019年06月14日 10:39:01   作者:莫問(wèn)今朝  
這篇文章主要介紹了通過(guò)JS深度判斷兩個(gè)對(duì)象字段相同,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下

代碼:

/**
* 判斷此對(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í)有所幫助,也希望大家多多支持腳本之家。

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

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

    這篇文章主要為大家分享下手機(jī)平板等移動(dòng)端適配跳轉(zhuǎn)URL的js代碼,需要的朋友可以參考下
    2014-01-01
  • 每天一篇javascript學(xué)習(xí)小結(jié)(String對(duì)象)

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

    這篇文章主要介紹了javascript中的String對(duì)象知識(shí)點(diǎn),對(duì)String對(duì)象的基本使用方法,以及各種方法進(jìn)行整理,感興趣的小伙伴們可以參考一下
    2015-11-11
  • onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求

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

    登陸頁(yè)面需要撲捉用戶按下回車自動(dòng)提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實(shí)現(xiàn)代碼,希望對(duì)你有所幫助
    2013-04-04
  • BootStrap的JS插件之輪播效果案例詳解

    BootStrap的JS插件之輪播效果案例詳解

    Bootstrap 是一個(gè)用于快速開(kāi)發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。這篇文章主要介紹了BootStrap的JS插件之輪播效果案例詳解的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • webpack4.0+vue2.0利用批處理生成前端單頁(yè)或多頁(yè)應(yīng)用的方法

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

    這篇文章主要介紹了webpack4.0+vue2.0利用批處理生成前端單頁(yè)或多頁(yè)應(yīng)用的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • 微信小程序scroll-view實(shí)現(xiàn)左右聯(lián)動(dòng)效果

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

    這篇文章主要為大家詳細(xì)介紹了微信小程序scroll-view實(shí)現(xiàn)左右聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • js通過(guò)keyCode值判斷單擊鍵盤(pán)上某個(gè)鍵,然后觸發(fā)指定的事件方法

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

    下面小編就為大家?guī)?lái)一篇js通過(guò)keyCode值判斷單擊鍵盤(pán)上某個(gè)鍵,然后觸發(fā)指定的事件方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-02-02
  • javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面 移動(dòng)DIV

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

    本篇文章主要介紹javascript實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊頁(yè)面,移動(dòng)DIV。話不多說(shuō),附上代碼實(shí)例。需要的朋友來(lái)看下吧
    2016-12-12
  • JS使用jsBarcode生成條形碼(一維碼)簡(jiǎn)單實(shí)例

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

    JsBarcode是一個(gè)用JavaScript編寫(xiě)的條形碼生成器,它支持多種條形碼格式,可在瀏覽器和Node.js中使用,下面這篇文章主要給大家介紹了關(guān)于JS使用jsBarcode生成條形碼(一維碼)的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • 最新評(píng)論