js判断两个数组相等的5种方法实例

更新时间：2022年05月06日 15:16:12 作者：祥&宇

再最近的一次实际项目开发中,又遇到了需要对两个数组内容进行比较的需求,索性整理下,这篇文章主要给大家介绍了关于js判断两个数组相等的5种方法,需要的朋友可以参考下

前言

在 js 中是不能直接用 == 或者 === 来比较两个数组是否相等，那就需要对数组的值进行比较。

下面各种方法，要根据具体情况来使用。

一、 toString()

当两个数组元素类型相同，顺序相同时，直接判断是否相等，结果不相等；转化为字符串后，结果相等

[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()

当两个数组元素排序不相同时，先排序，再比较。如果是对象数组，可以结合 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() 创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
语法：
array.filter(function(currentValue,index,arr), thisValue);

附：JS要比较两个数组是否有相同的元素，即两个数组所有元素都相同，但元素的顺序不一定一致。

只就需要先将数组进行排序，再比较两个数组是否相等。

试比较以下两行代码：

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

总结

到此这篇关于js判断两个数组相等的文章就介绍到这了,更多相关js判断数组相等内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

javascript操作select参考代码
用js控制select的方法，大家可以参考下
2008-06-06
HTML 自动伸缩的表格Table js实现
在开发的过程中，表格Table有个缺陷，如果一行中某个单元格的超过一行，表格就不够美观了。
2009-04-04
JS实现弹性菜单效果代码
这篇文章主要介绍了JS实现弹性菜单效果代码,可实现鼠标滑过后背景色滑块弹性滑过的效果,非常具有实用价值,需要的朋友可以参考下
2015-09-09
uniapp实现微信H5扫码功能的完整步骤
在uni-app官网上发现uni-app不支持H5扫码功能,但是下面的提示说明可以通过微信的JS-SDK实现扫码功能,下面这篇文章主要给大家介绍了关于uniapp实现微信H5扫码功能的完整步骤,需要的朋友可以参考下
2022-11-11
分享10个优化代码的CSS和JavaScript工具
如果你想在保持文件的时候或执行的阶段lint代码，那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于CSS和JavaScript最好的 linting工具，那么请继续阅读
2016-05-05
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
这篇文章主要介绍了GitHub上一些实用的JavaScript的文件压缩解压缩库推荐,推荐的这几个都是支持zip格式的,需要的朋友可以参考下
2016-03-03
Bootstrap每天必学之弹出框（Popover）插件
Bootstrap每天必学之弹出框（Popover）插件,弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充，如何实现请参考本文
2016-04-04
JS多个异步请求按顺序执行next实现解析
这篇文章主要介绍了js多个异步请求按顺序执行next实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
javascript iframe内的函数调用实现方法
用下面的方法可以调用iframe中的函数，实现一些比较特殊的效果，不过能跨域的。
2009-07-07
JavaScript对象学习小结
JavaScript 中的所有事物都是对象：字符串、数值、数组、函数.几乎用到的每个js都离不开它的js对象。此外，JavaScript 允许自定义对象，下面跟着小编学习javascript对象学习小结，需要的朋友可以参考下
2015-09-09