快捷導(dǎo)航

js判斷兩個(gè)數(shù)組相等的5種方法實(shí)例

更新時(shí)間：2022年05月06日 15:16:12 作者：祥&宇

再最近的一次實(shí)際項(xiàng)目開發(fā)中,又遇到了需要對兩個(gè)數(shù)組內(nèi)容進(jìn)行比較的需求,索性整理下,這篇文章主要給大家介紹了關(guān)于js判斷兩個(gè)數(shù)組相等的5種方法,需要的朋友可以參考下

前言

在 js 中是不能直接用 == 或者 === 來比較兩個(gè)數(shù)組是否相等，那就需要對數(shù)組的值進(jìn)行比較。

下面各種方法，要根據(jù)具體情況來使用。

一、 toString()

當(dāng)兩個(gè)數(shù)組元素類型相同，順序相同時(shí)，直接判斷是否相等，結(jié)果不相等；轉(zhuǎn)化為字符串后，結(jié)果相等

[1,2,3].toString() === [1, 2, 3].toString(); // true
[1,2,3].toString() === ['1', 2, 3].toString(); // true

二、join()

[1,2,3,'4'].join() === [1,2,3, 4].join(); // true

三、 JSON.stringify()

JSON.stringify([{name:'許善祥'},{sex:'男'}]) == JSON.stringify([{name:'許善祥'},{sex:'男'}]); // true

四、sort()

當(dāng)兩個(gè)數(shù)組元素排序不相同時(shí)，先排序，再比較。如果是對象數(shù)組，可以結(jié)合 JSON.stringify 來使用。

var a = ['1', '3', '2'];
var b = ['3', '1', '2'];

var c = a.length === b.length && a.sort().toString() === b.sort().toString();

console.log(c); // true

五、filter()

var a = ['1', '3', '2'];
var b = ['3', '1', '2'];

var c = a.length === b.length && a.filter(t => !b.includes(t));

console.log(c); // true

filter() 創(chuàng)建一個(gè)新的數(shù)組，新數(shù)組中的元素是通過檢查指定數(shù)組中符合條件的所有元素。
語法：
array.filter(function(currentValue,index,arr), thisValue);

附：JS要比較兩個(gè)數(shù)組是否有相同的元素，即兩個(gè)數(shù)組所有元素都相同，但元素的順序不一定一致。

只就需要先將數(shù)組進(jìn)行排序，再比較兩個(gè)數(shù)組是否相等。

試比較以下兩行代碼：

<script type="text/javascript">
        alert([1,2,3].toString()== [3,2,1].toString());
        alert([1,2,3].<strong>sort</strong>().toString()== [3,2,1].<strong>sort</strong>().toString());
</script>