javascript检测两个数组是否相似


Posted in Javascript onMay 19, 2015

JS要比较两个数组是否有相同的元素,即两个数组所有元素都相同,但元素的顺序不一定一致。只就需要先将数组进行排序,再比较两个数组是否相等。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title>js 检测两个数组是否相似</title>
</head>
<body>
  <script>
    //数组中的成员类型相同,顺序可以不同。例如[1, true] 与 [false, 2]是相似的。
     //数组的长度一致。
    //类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window.
    function arraysSimilar(arr1, arr2){
      //判断边界
      if (!(arr1 instanceof Array) || !(arr2 instanceof Array)) {
        return false;
      }

      //判断长度
      if (arr1.length != arr2.length) return false;

      var i = 0, n = arr1.length, countMap1 = {}, countMap2 = {}, t1, t2, TYPES = ['string', 'boolean', 'number', 'undefined', null, 'function', 'date', 'window'];

      for ( ; i < n; i++) {
        t1 = typeOf(arr1[i]);
        t2 = typeOf(arr2[i]);
        if (countMap1[t1]) {
          countMap1[t1] ++;
        }else{
          countMap1[t1] = 1;
        }
        if (countMap2[t2]) {
          countMap2[t2] ++;
        }else{
          countMap2[t2] = 1;
        }
      }

      function typeOf(ele){
        var r;
        if (ele === null) r = 'null';
        else if(ele instanceof Array) r = 'array';
        else if(ele === window) r = 'window';
        else if(ele instanceof Date) r = 'date';
        else r = typeof ele;
        return r;

      }

      for (i = 0; i < TYPES.length; i++) {
        if (countMap1[TYPES[i]] != countMap2[TYPES[i]]) return false;
      }

      return true;
    }

    document.write(arraysSimilar([1,true], [false, 2]));
  </script>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
利用JavaScript判断浏览器类型及版本
Aug 23 Javascript
js实现功能比较全面的全选和多选
Mar 02 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
微信小程序日历插件代码实例
Dec 04 Javascript
10条建议帮助你创建更好的jQuery插件
May 18 #Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 #Javascript
JQuery中层次选择器用法实例详解
May 18 #Javascript
Jquery中基本选择器用法实例详解
May 18 #Javascript
Jquery注册事件实现方法
May 18 #Javascript
jquery中map函数遍历数组用法实例
May 18 #Javascript
jquery使用each方法遍历json格式数据实例
May 18 #Javascript
You might like
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
php遍历目录viewDir函数
2009/12/15 PHP
基于Snoopy的PHP近似完美获取网站编码的代码
2011/10/23 PHP
PHP控制前台弹出对话框的实现方法
2016/08/21 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
微信小程序 自定义消息提示框
2017/08/06 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
python实现的各种排序算法代码
2013/03/04 Python
Python是编译运行的验证方法
2015/01/30 Python
Linux下编译安装MySQL-Python教程
2015/02/02 Python
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
详解Django 时间与时区设置问题
2019/07/23 Python
python线程join方法原理解析
2020/02/11 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
Java的基础面试题附答案
2016/01/10 面试题
技校毕业生个人学习的自我评价
2014/02/21 职场文书
公司业务员岗位职责
2014/03/18 职场文书
求职自我推荐信
2014/06/25 职场文书
领导班子整改方案
2014/10/25 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
师范生见习总结范文
2015/06/23 职场文书
小学英语教学反思范文
2016/02/15 职场文书
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS
MySQL分区表管理命令汇总
2022/03/21 MySQL
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
python blinker 信号库
2022/05/04 Python