js中判斷Object、Array、Function等引用類型對象是否相等
更新時間:2012年08月29日 00:14:10 作者:
項目中有時會需要對引用類型進行比較,如常見的object和array,我們知道,引用類型無法直接使用 == 或=== 取得期待結果,因此需要一個迭代的compare函數(shù)轉(zhuǎn)化成原始類型進行比較
在迭代中,我們還要注意的是,對象或者數(shù)組中的元素可能是一個任意值——除了原始類型值、object、arrray外,這個值還可能是一個方法、一個DOM對象或者window對象,可能你已經(jīng)注意到了,有部分引用類型是不能進行迭代的,需要分支判斷,代碼如下:
function compare(a,b){
var
pt = /undefined|number|string|boolean/,
fn = /^(function\s*)(\w*\b)/,
cr = "constructor",
cn = "childNodes",
pn = "parentNode",
ce = arguments.callee;
if(pt.test(typeof a) || pt.test(typeof b) || a === null || b === null){
return a === b || (isNaN(a) && isNaN(b)); //為了方便,此處假定NaN == NaN
}
if(a[cr] !== b[cr]){
return false;
}
switch(a[cr]){
case Date : {
return a.valueOf() === b.valueOf();
};
case Function : {
return a.toString().replace(fn,'$1') === b.toString().replace(fn,'$1'); //硬編碼中聲明函數(shù)的方式會影響到toString的結果,因此用正則進行格式化
};
case Array : {
if(a.length !== b.length){
return false;
}
for(var i=0;i<a.length;i++){
if(!ce(a[i],b[i])){
return false;
}
}
break;
};
default : {
var alen = 0, blen = 0, d;
if(a === b){
return true;
}
if(a[cn] || a[pn] || b[cn] || b[pn]){
return a === b;
}
for(d in a){
alen++ ;
}
for(d in b){
blen++;
}
if(alen !== blen){
return false;
}
for(d in a){
if(!ce(a[d],b[d])){
return false;
}
}
break;
};
}
return true;
}
console.log(compare({},{a:1})); //false
console.log(compare({a:1},{b:2})); //false
console.log(compare({b:2,a:1},{a:1,b:2})); //true
console.log(compare({a:function(){return false;},b:2},{a:function(){return false;},b:2})); //true
console.log(compare([],[])); //true
console.log(compare([2,1],[1,2])); //false
console.log(compare(function(){alert(1)},function(){})); //false
console.log(compare(function aaa(){alert(1)},function(){alert(1)})); //true
console.log(compare(document.getElementsByTagName("a")[0],document.getElementsByTagName("a")[1])); //false
console.log(compare(document.getElementsByTagName("a")[0],document.getElementsByTagName("a")[0])); //true
復制代碼 代碼如下:
function compare(a,b){
var
pt = /undefined|number|string|boolean/,
fn = /^(function\s*)(\w*\b)/,
cr = "constructor",
cn = "childNodes",
pn = "parentNode",
ce = arguments.callee;
if(pt.test(typeof a) || pt.test(typeof b) || a === null || b === null){
return a === b || (isNaN(a) && isNaN(b)); //為了方便,此處假定NaN == NaN
}
if(a[cr] !== b[cr]){
return false;
}
switch(a[cr]){
case Date : {
return a.valueOf() === b.valueOf();
};
case Function : {
return a.toString().replace(fn,'$1') === b.toString().replace(fn,'$1'); //硬編碼中聲明函數(shù)的方式會影響到toString的結果,因此用正則進行格式化
};
case Array : {
if(a.length !== b.length){
return false;
}
for(var i=0;i<a.length;i++){
if(!ce(a[i],b[i])){
return false;
}
}
break;
};
default : {
var alen = 0, blen = 0, d;
if(a === b){
return true;
}
if(a[cn] || a[pn] || b[cn] || b[pn]){
return a === b;
}
for(d in a){
alen++ ;
}
for(d in b){
blen++;
}
if(alen !== blen){
return false;
}
for(d in a){
if(!ce(a[d],b[d])){
return false;
}
}
break;
};
}
return true;
}
console.log(compare({},{a:1})); //false
console.log(compare({a:1},{b:2})); //false
console.log(compare({b:2,a:1},{a:1,b:2})); //true
console.log(compare({a:function(){return false;},b:2},{a:function(){return false;},b:2})); //true
console.log(compare([],[])); //true
console.log(compare([2,1],[1,2])); //false
console.log(compare(function(){alert(1)},function(){})); //false
console.log(compare(function aaa(){alert(1)},function(){alert(1)})); //true
console.log(compare(document.getElementsByTagName("a")[0],document.getElementsByTagName("a")[1])); //false
console.log(compare(document.getElementsByTagName("a")[0],document.getElementsByTagName("a")[0])); //true
您可能感興趣的文章:
- js類型轉(zhuǎn)換與引用類型詳解(Boolean_Number_String)
- js中的值類型和引用類型小結 文字說明與實例
- javascript中基本類型和引用類型的區(qū)別分析
- JavaScript基本數(shù)據(jù)類型及值類型和引用類型
- JavaScript之引用類型介紹
- JavaScript數(shù)據(jù)類型之基本類型和引用類型的值
- JavaScript中值類型與引用類型實例說明
- 跟我學習javascript的基本類型和引用類型
- JavaScript中值類型和引用類型的區(qū)別
- 理解javascript中的嚴格模式
- 深入理解javascript嚴格模式(Strict Mode)
- JavaScript 引用類型實例詳解【數(shù)組、對象、嚴格模式等】
相關文章
JavaScript實現(xiàn)正則去除a標簽并保留內(nèi)容的方法【測試可用】
這篇文章主要介紹了JavaScript實現(xiàn)正則去除a標簽并保留內(nèi)容的方法,結合實例形式詳細分析了javascript針對a標簽及span標簽的正則匹配相關操作技巧,需要的朋友可以參考下2018-07-07