es6怎么判断两个数组是否相等

步骤：1、用length属性获取两个数组的长度，并判断两长度是否相等，语法“数组1.length==数组2.length”；2、如果长度相等，则用“new Set(数组)”将两数组都转换为set类型，用“Array.from(new Set([...集合1].filter(x=>集合2.has(x))))”获取差集；3、判断差集数组是否为空数组，如果是则两数组相同，反之不相等。

大前端成长进阶课程：进入学习

本教程操作环境：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）中拿的。

【相关推荐：javascript视频教程、编程视频】

以上就是es6怎么判断两个数组是否相等的详细内容，更多请关注php中文网其它相关文章！

前端(VUE)零基础到就业课程：点击学习

清晰的学习路线+老师随时辅导答疑

自己动手写 PHP MVC 框架：点击学习

快速了解MVC架构、了解框架底层运行原理