javascript檢測兩個數組是否相似

2024-05-06 16:20:36

字體：大中小

來源：轉載

供稿：網友

Javascript不能直接用==或者===來判斷兩個數組是否相等，無論是相等還是全等都不行，要判斷JS中的兩個數組是否相同，需要先將數組轉換為字符串，再作比較。

JS要比較兩個數組是否有相同的元素，即兩個數組所有元素都相同，但元素的順序不一定一致。只就需要先將數組進行排序，再比較兩個數組是否相等。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>js 檢測兩個數組是否相似</title>

</head>

<body>

<script>

//數組中的成員類型相同，順序可以不同。例如[1, true] 與 [false, 2]是相似的。

//數組的長度一致。

//類型的判斷范圍，需要區分:String, Boolean, Number, undefined, null, 函數，日期, window.

function arraysSimilar(arr1, arr2){

//判斷邊界

if (!(arr1 instanceof Array) || !(arr2 instanceof Array)) {

return false;

}

//判斷長度

if (arr1.length != arr2.length) return false;

var i = 0, n = arr1.length, countMap1 = {}, countMap2 = {}, t1, t2, TYPES = ['string', 'boolean', 'number', 'undefined', null, 'function', 'date', 'window'];

for ( ; i < n; i++) {

t1 = typeOf(arr1[i]);

t2 = typeOf(arr2[i]);

if (countMap1[t1]) {

countMap1[t1] ++;

}else{

countMap1[t1] = 1;

}

if (countMap2[t2]) {

countMap2[t2] ++;

}else{

countMap2[t2] = 1;

}

}

function typeOf(ele){

var r;

if (ele === null) r = 'null';

else if(ele instanceof Array) r = 'array';

else if(ele === window) r = 'window';

else if(ele instanceof Date) r = 'date';

else r = typeof ele;

return r;

}

for (i = 0; i < TYPES.length; i++) {

if (countMap1[TYPES[i]] != countMap2[TYPES[i]]) return false;

}

return true;

}

document.write(arraysSimilar([1,true], [false, 2]));

</script>

</body>

</html>