JavaScript获取多个数组的交集简单实例


Posted in Javascript onNovember 11, 2013

在项目中需要取得多个数组的交集,故本例只是适用于特定场景。比如A数组 var a = {1000,10001,10002,10003}; B数组 var b = {10002, 10003}; C数组var c = {10003}; 需要取得这三个数组的交集数组。
      具体思路为:先初始一个最小数组为A数组,元素个数最小的也是数组A的长度.然后再迭代各个数组,取得这几个数组长度最短的为最小长度,同时得到长度最短数组。然后,迭代最小数组与各个数组,开始比较元素相等,使用计数器来判断是否该元素在各个数组中都存在即为交集元素.
      思路比较简单,但是可以实现多数组取得交集,代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <META NAME="Generator" CONTENT="EditPlus"> 
  <META NAME="Author" CONTENT=""> 
  <META NAME="Keywords" CONTENT=""> 
  <META NAME="Description" CONTENT=""> 
  <script> 
        function getValues(obj){     
            var values = ""; 
            var l = obj.options.length; 
            for (var i=0; i<l; i++) { 
                if (i != (l-1)) { 
                    values += obj.options(i).value + "_"; 
                } 
                else { 
                    values += obj.options(i).value; 
                } 
            } 
            return values; 
        }         function _test() { 
            var ids = getValues(document.all.aa); 
            var aa = _getIntersection(ids); 
        } 
        function _getIntersection(src) { 
            var tAry = src.split("_"); 
            //最小数组 
            var minAry = null; 
            var min = tAry[0].split(",").length; //初始化第一个为长度最小的数组 
            minAry = tAry[0].split(","); 
            for (var i = 1, len = tAry.length; i<len; i++) { 
                var temp = tAry[i].split(","); 
                if (temp.length < min) { 
                    min = temp.length; 
                    minAry = temp; 
                }  
            } 
            alert("最小数组:"+minAry); 
            var ret = ''; 
            for (var i = 0, len = minAry.length; i<len; i++) { 
                var srcNum = parseInt(minAry[i]); 
                var counter = 0; 
                for (var j = 0, ll = tAry.length; j<ll; j++) { 
                    var tt = tAry[j].split(","); 
                    for (var k = 0, l = tt.length; k<l; k++) { 
                        var tarNum = parseInt(tt[k]); 
                        if (srcNum == tarNum) { 
                            counter ++; 
                        } 
                    } 
                } 
                if (counter == tAry.length) { 
                    ret += srcNum + ","; 
                } 
            } 
            ret = strSlice(ret, ','); 
            alert("交集是:" + ret); 
        } 
        //去掉结尾分隔符 
        function strSlice(str, split){ 
            if ((str!=null && str!="") && (split!=' ')) 
                return ((str.charAt(str.length-1) == split) ? str.substring(0, str.length-1) : str); 
            else 
                return str; 
        } 
  </script> 
 </HEAD> 
 <BODY> 
    <button onclick="javascript:_test();">测试</button> 
    <select name="aa" id="aa" size="6" multiple> 
        <OPTION value="10004,10005,10008,10009,10010,10018">测试1</OPTION> 
        <OPTION value="10004,10005,10006,10008,10009,10010,10018">测试2</OPTION> 
        <OPTION value="10004,10005,10006,10008,10009,10010,10018">测试3</OPTION> 
        <OPTION value="10004,10006,10008">测试4</OPTION> 
        <OPTION value="10004,10010,10018">测试5</OPTION> 
    </select> 
 </BODY> 
</HTML>
Javascript 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
JavaScript 编程引入命名空间的方法
Jun 29 Javascript
js 对象是否存在判断
Jul 15 Javascript
表单切换,用回车键替换Tab健(不支持IE)
Jul 20 Javascript
jQuery之end()和pushStack()使用介绍
Feb 07 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
element跨分页操作选择详解
Jun 29 Javascript
JavaScript splice()方法详解
Sep 22 #Javascript
javascript与cookie 的问题详解
Nov 11 #Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 #Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 #Javascript
AJAX跨域请求json数据的实现方法
Nov 11 #Javascript
Javascript弹出窗口的各种方法总结
Nov 11 #Javascript
探讨js中的双感叹号判断
Nov 11 #Javascript
You might like
检测png图片是否完整的php代码
2010/09/06 PHP
PHP高级对象构建 工厂模式的使用
2012/02/05 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
2014/01/31 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
django页面跳转问题及注意事项
2019/07/18 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
详细分析Python垃圾回收机制
2020/07/01 Python
Python random模块的使用示例
2020/10/10 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
浅谈HTML5 defer和async的区别
2016/06/07 HTML / CSS
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
平面设计师的工作职责
2013/11/21 职场文书
机电专业个人求职信范文
2013/12/30 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书