JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒ㄊ纠?/h1>
更新時(shí)間:2019年02月28日 08:49:11 作者:huangpb0624
這篇文章主要介紹了JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒?結(jié)合實(shí)例形式分析了javascript針對(duì)簡(jiǎn)單數(shù)組與對(duì)象進(jìn)行判斷的相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒?。分享給大家供大家參考,具體如下:
JS 判斷兩個(gè)數(shù)組是否相同
要判斷2個(gè)數(shù)組是否相同,首先要把數(shù)組進(jìn)行排序,然后轉(zhuǎn)換成字符串進(jìn)行比較。
JSON.stringify([1,2,3].sort()) === JSON.stringify([3,2,1].sort()); //true
或者
[1,2,3].sort().toString() === [3,2,1].sort().toString(); //true
經(jīng)驗(yàn)證,上述方法對(duì)復(fù)雜數(shù)組結(jié)構(gòu)不適用。
JS 判斷兩個(gè)對(duì)象是否相同
這是網(wǎng)上某大神封裝對(duì)比對(duì)象是否相同的 function。
let cmp = ( x, y ) => {
// If both x and y are null or undefined and exactly the same
if ( x === y ) {
return true;
}
// If they are not strictly equal, they both need to be Objects
if ( ! ( x instanceof Object ) || ! ( y instanceof Object ) ) {
return false;
}
//They must have the exact same prototype chain,the closest we can do is
//test the constructor.
if ( x.constructor !== y.constructor ) {
return false;
}
for ( var p in x ) {
//Inherited properties were tested using x.constructor === y.constructor
if ( x.hasOwnProperty( p ) ) {
// Allows comparing x[ p ] and y[ p ] when set to undefined
if ( ! y.hasOwnProperty( p ) ) {
return false;
}
// If they have the same strict value or identity then they are equal
if ( x[ p ] === y[ p ] ) {
continue;
}
// Numbers, Strings, Functions, Booleans must be strictly equal
if ( typeof( x[ p ] ) !== "object" ) {
return false;
}
// Objects and Arrays must be tested recursively
if ( ! Object.equals( x[ p ], y[ p ] ) ) {
return false;
}
}
}
for ( p in y ) {
// allows x[ p ] to be set to undefined
if ( y.hasOwnProperty( p ) && ! x.hasOwnProperty( p ) ) {
return false;
}
}
return true;
};
經(jīng)檢測(cè),同樣也不支持復(fù)雜數(shù)據(jù)結(jié)構(gòu)的對(duì)象。
一般情況下用的話上述2種方法已經(jīng)夠用了,拿來(lái)作比較的一般都是簡(jiǎn)單的數(shù)據(jù)結(jié)構(gòu)。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
-
JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法
這篇文章主要介紹了JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡(jiǎn)單,只要在刪除方法里置空input,具體實(shí)例代碼大家參考下本文 2018-08-08
-
JS實(shí)現(xiàn)的Select三級(jí)下拉菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的Select三級(jí)下拉菜單,涉及javascript動(dòng)態(tài)創(chuàng)建下拉列表的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下 2015-08-08
-
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升,小編對(duì)var預(yù)解析與函數(shù)聲明提升知識(shí)點(diǎn)也不甚了解,和大家一起學(xué)習(xí)本篇文章。 2015-11-11
-
Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件,功能很豐富,個(gè)人覺(jué)得這款插件已經(jīng)無(wú)可挑剔了,感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧 2016-10-10
-
JavaScript 數(shù)組中插入元素的實(shí)例方法
這篇文章主要介紹了如何在 JavaScript 數(shù)組中插入元素,在本文中,我們學(xué)習(xí)了使用?splice()?方法將元素添加到數(shù)組的開(kāi)始、末尾或任何位置的各種方法,需要的朋友可以參考下 2023-09-09
-
js實(shí)現(xiàn)對(duì)table動(dòng)態(tài)添加、刪除和更新的方法
這篇文章主要介紹了js實(shí)現(xiàn)對(duì)table動(dòng)態(tài)添加、刪除和更新的方法,涉及javascript針對(duì)html中table表格節(jié)點(diǎn)的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下 2015-02-02
-
JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法總結(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法的相關(guān)資料,layer是layui的一個(gè)彈出層組件,但是可以作為獨(dú)立組件使用,需要的朋友可以參考下 2023-10-10
最新評(píng)論
本文實(shí)例講述了JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒?。分享給大家供大家參考,具體如下:
JS 判斷兩個(gè)數(shù)組是否相同
要判斷2個(gè)數(shù)組是否相同,首先要把數(shù)組進(jìn)行排序,然后轉(zhuǎn)換成字符串進(jìn)行比較。
JSON.stringify([1,2,3].sort()) === JSON.stringify([3,2,1].sort()); //true
或者
[1,2,3].sort().toString() === [3,2,1].sort().toString(); //true
經(jīng)驗(yàn)證,上述方法對(duì)復(fù)雜數(shù)組結(jié)構(gòu)不適用。
JS 判斷兩個(gè)對(duì)象是否相同
這是網(wǎng)上某大神封裝對(duì)比對(duì)象是否相同的 function。
let cmp = ( x, y ) => {
// If both x and y are null or undefined and exactly the same
if ( x === y ) {
return true;
}
// If they are not strictly equal, they both need to be Objects
if ( ! ( x instanceof Object ) || ! ( y instanceof Object ) ) {
return false;
}
//They must have the exact same prototype chain,the closest we can do is
//test the constructor.
if ( x.constructor !== y.constructor ) {
return false;
}
for ( var p in x ) {
//Inherited properties were tested using x.constructor === y.constructor
if ( x.hasOwnProperty( p ) ) {
// Allows comparing x[ p ] and y[ p ] when set to undefined
if ( ! y.hasOwnProperty( p ) ) {
return false;
}
// If they have the same strict value or identity then they are equal
if ( x[ p ] === y[ p ] ) {
continue;
}
// Numbers, Strings, Functions, Booleans must be strictly equal
if ( typeof( x[ p ] ) !== "object" ) {
return false;
}
// Objects and Arrays must be tested recursively
if ( ! Object.equals( x[ p ], y[ p ] ) ) {
return false;
}
}
}
for ( p in y ) {
// allows x[ p ] to be set to undefined
if ( y.hasOwnProperty( p ) && ! x.hasOwnProperty( p ) ) {
return false;
}
}
return true;
};
經(jīng)檢測(cè),同樣也不支持復(fù)雜數(shù)據(jù)結(jié)構(gòu)的對(duì)象。
一般情況下用的話上述2種方法已經(jīng)夠用了,拿來(lái)作比較的一般都是簡(jiǎn)單的數(shù)據(jù)結(jié)構(gòu)。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法
這篇文章主要介紹了JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡(jiǎn)單,只要在刪除方法里置空input,具體實(shí)例代碼大家參考下本文2018-08-08
JS實(shí)現(xiàn)的Select三級(jí)下拉菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的Select三級(jí)下拉菜單,涉及javascript動(dòng)態(tài)創(chuàng)建下拉列表的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升
跟我學(xué)習(xí)javascript的var預(yù)解析與函數(shù)聲明提升,小編對(duì)var預(yù)解析與函數(shù)聲明提升知識(shí)點(diǎn)也不甚了解,和大家一起學(xué)習(xí)本篇文章。2015-11-11
Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件,功能很豐富,個(gè)人覺(jué)得這款插件已經(jīng)無(wú)可挑剔了,感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10
JavaScript 數(shù)組中插入元素的實(shí)例方法
這篇文章主要介紹了如何在 JavaScript 數(shù)組中插入元素,在本文中,我們學(xué)習(xí)了使用?splice()?方法將元素添加到數(shù)組的開(kāi)始、末尾或任何位置的各種方法,需要的朋友可以參考下2023-09-09
js實(shí)現(xiàn)對(duì)table動(dòng)態(tài)添加、刪除和更新的方法
這篇文章主要介紹了js實(shí)現(xiàn)對(duì)table動(dòng)態(tài)添加、刪除和更新的方法,涉及javascript針對(duì)html中table表格節(jié)點(diǎn)的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法總結(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中l(wèi)ayer關(guān)閉指定彈出窗口方法的相關(guān)資料,layer是layui的一個(gè)彈出層組件,但是可以作為獨(dú)立組件使用,需要的朋友可以參考下2023-10-10

