首頁  >  文章  >  web前端  >  es6怎麼判斷兩個數組是否相等

es6怎麼判斷兩個數組是否相等

青灯夜游
青灯夜游原創
2022-10-18 19:54:552899瀏覽

步驟:1、用length屬性取得兩個數組的長度,並判斷兩個長度是否相等,語法「數組1.length==數組2.length」;2、如果長度相等,則用「 new Set(數組)”將兩個數組都轉換為set類型,用“Array.from(new Set([...集合1].filter(x=>集合2.has(x)))”獲取差集;3、判斷差集數組是否為空數組,如果是則兩數組相同,反之不相等。

es6怎麼判斷兩個數組是否相等

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

判斷兩個陣列是否相等,可以轉換想法變成判斷兩個陣列的長度是否相等且差集(包含不同元素)是否為空。

實作想法:

  • 檢查兩個陣列長度是否相等

  • 如果長度相等,再判斷兩數組的差集是否為空

    • 如果差集為空,則數組兩個數組相等(因為沒有不相同的元素)

    • 如果差集不為空,則數組兩個數組不相等(因為有不相同的元素)

#說明:如果數組有重複值,其數組長度不同,但沒有不相同的元素(差集為空)

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

es6怎麼判斷兩個數組是否相等

#但這樣的兩個數組不可能相等,因此需要先判斷數組長度是否相等。

實作步驟:

步驟1、使用length屬性分別取得兩個陣列的長度,並判斷兩個長度是否相等

每個數組都有一個length 屬性,利用該屬性可傳回數組的最大長度,即其值等於最大下標值加1。

var a=[1, 2, 3];
var b=[1, 2, 3];
console.log(a);
console.log(b);

if(a.length==b.length){
	console.log("两数组的长度相等");
}else{
	console.log("两数组的长度不相等");
}

es6怎麼判斷兩個數組是否相等

步驟2:如果兩個長度相等,則利用has()、filter()、from()方法來取得兩個數組的差集

has() 是set物件的方法,因此想要使用has()方法,需要先將陣列轉換為set集合類型。

newA = new Set(a);
newB = new Set(b);

set物件的has() 方法配合數組的filter()可以求兩個數組的交集,但交集元素會被包含在一個set集合中返回,不好進行為空比較;因此,需要利用Array.from方法將集合轉為陣列類型。

let differenceABSet = Array.from(new Set([...newA].filter(x => !newB.has(x))));

es6怎麼判斷兩個數組是否相等

說明:

  • #Array.from方法用於將兩類物件轉為真正的陣列:類似陣列的對象(array-like object)和可遍歷(iterable)的物件(包括ES6 新增的資料結構Set 和Map)。

步驟3:判斷差集數組是否為空數組

  • #如果差集數組為空數組,則兩個數組相同

  • 如果差集數組不為空數組,則兩個數組不相同

if(differenceABSet.length==0){
	console.log("两数组相等");
}else{
	console.log("两数组不相等");
}

es6怎麼判斷兩個數組是否相等

完整實作程式碼(封裝為一個函數)

function f(a, b) {
	newA = new Set(a);
	newB = new Set(b);
	if (a.length == b.length) {
		let differenceABSet = Array.from(new Set([...newA].filter(x => !newB.has(x))));
		console.log("两数组差集:");
		console.log(differenceABSet);
		if (differenceABSet.length == 0) {
			console.log("两数组相等");
		} else {
			console.log("两数组不相等");
		}

	} else {
		console.log("两数组不相等");
	}
}

範例1:檢查下面兩個函數是否相等

var a = [1, 2, 3];
var b = [1, 2, 3,3];
console.log(a);
console.log(b);
f(a, b);

es6怎麼判斷兩個數組是否相等

範例2:檢查下面兩個函數是否相等

var a = [1, 2, 3];
var b = [1, 2, 4];
console.log(a);
console.log(b);
f(a, b);

es6怎麼判斷兩個數組是否相等

說明:差集中的元素是從被比較的陣列(第一個陣列a)中拿的。

【相關推薦:javascript影片教學程式設計影片

以上是es6怎麼判斷兩個數組是否相等的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn