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 相关文章推荐
一步一步制作jquery插件Tabs实现过程
Jul 06 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
使用javascript实现Iframe自适应高度
Dec 24 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
原生js实现吸顶效果
Mar 13 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
js for终止循环 跳出多层循环
Oct 04 Javascript
详解vue使用$http服务端收不到参数
Apr 19 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
使用Vue实现一个树组件的示例
Nov 06 Javascript
利用JS判断元素是否为数组的方法示例
Jan 08 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
php中截取字符串支持utf-8
2007/01/18 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
2006/10/17 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
2019/08/26 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
python定向爬取淘宝商品价格
2018/02/27 Python
python制作抖音代码舞
2019/04/07 Python
IronPython连接MySQL的方法步骤
2019/12/27 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
python 实现多维数组(array)排序
2020/02/28 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
socket.io 和canvas 实现的共享画板功能
2019/05/22 HTML / CSS
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
北京SQL新华信咨询
2016/09/30 面试题
《学会合作》教学反思
2014/04/12 职场文书
解除合同协议书
2014/04/17 职场文书
仓库规划计划书
2014/04/28 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis