es6怎麼判斷兩個陣列是否相等

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

前端（vue）入門到精通課程：進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具：

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

判斷兩個陣列是否相等，可以轉換思想變為判斷兩個陣列的長度是否相等且差集（包含不同元素）是否為空。

實現思想：

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

• 如果長度相等，再判斷兩陣列的差集是否為空

  • 如果差集為空，則陣列兩陣列相等（因為沒有不相同的元素）

  • 如果差集不為空，則陣列兩陣列不相等（因為有不相同的元素）

說明：如果陣列有重複值，其陣列長度不同，但沒有不相同的元素（差集為空）

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

但這樣的兩個陣列不可能相等，因此需要先判斷陣列長度是否相等。

實現步驟：

步驟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("兩陣列的長度不相等");
}

步驟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))));

說明：

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

步驟3：判斷差集陣列是否為空陣列

• 如果差集陣列為空陣列，則兩陣列相同

• 如果差集陣列不為空陣列，則兩陣列不相同

if(differenceABSet.length==0){
	console.log("兩陣列相等");
}else{
	console.log("兩陣列不相等");
}

完整實現程式碼（封裝為一個函數）

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);

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

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

說明：差集中的元素是從被比較的陣列（第一個陣列a）中拿的。

【相關推薦：、】

以上就是es6怎麼判斷兩個陣列是否相等的詳細內容，更多請關注TW511.COM其它相關文章！