我是靠谱客的博主 优雅毛巾,最近开发中收集的这篇文章主要介绍es6怎么判断两个数组是否相等,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

判断两个数组是否相等,可以转换思想变为判断两个数组的长度是否相等且差集(包含不同元素)是否为空。

实现思想:

  • 检查两个数组长度是否相等

  • 如果长度相等,再判断两数组的差集是否为空

    • 如果差集为空,则数组两数组相等(因为没有不相同的元素)

    • 如果差集不为空,则数组两数组不相等(因为有不相同的元素)

说明:如果数组有重复值,其数组长度不同,但没有不相同的元素(差集为空)

var a=[1, 2, 3];
var b=[1,2,3,1,3];
登录后复制

1.png

但这样的两个数组不可能相等,因此需要先判断数组长度是否相等。

实现步骤:

步骤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.png

步骤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))));
登录后复制

3.png

说明:

  • Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

步骤3:判断差集数组是否为空数组

  • 如果差集数组为空数组,则两数组相同

  • 如果差集数组不为空数组,则两数组不相同

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

6.png

完整实现代码(封装为一个函数)

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);
登录后复制

4.png

示例2:检查下面两个函数是否相等

var a = [1, 2, 3];
var b = [1, 2, 4];
console.log(a);
console.log(b);
f(a, b);
登录后复制

7.png

说明:差集中的元素是从被比较的数组(第一个数组a)中拿的。

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

以上就是es6怎么判断两个数组是否相等的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是优雅毛巾为你收集整理的es6怎么判断两个数组是否相等的全部内容,希望文章能够帮你解决es6怎么判断两个数组是否相等所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(100)

评论列表共有 0 条评论

立即
投稿
返回
顶部