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

在项目中需要取得多个数组的交集,故本例只是适用于特定场景。比如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>

时间: 2024-12-09 08:33:43

JavaScript获取多个数组的交集简单实例_javascript技巧的相关文章

原生js的数组除重复简单实例_javascript技巧

js对数组的操作在平常的项目中也会遇到,除去一些增加,或者减少的操作外,还有一个比较重要的操作就是数组的除重,通过数组的除重,我们可以将一个数组中存在的多个重复的数组进行清理,只留下不重复的.另外下面我介绍一种原生就s的数组除重方法. Array.prototype.check= function(){ for(var i=0;i<this.length;i++){ for(var j=i+1;j<this.length;j++){ if(this[i]==this[j]){ this.spl

javascript实现任务栏消息提示的简单实例_javascript技巧

javascript实现任务栏消息提示的简单实例 <html> <body onload="blurFunc();"> <script> function blurFunc() { setTimeout("setTitle1()","1000"); } var flag=0; var id = setTimeout("setTitle1()","1000"); var i

使用JavaScript实现弹出层效果的简单实例_javascript技巧

声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr

JavaScript来实现打开链接页面的简单实例_javascript技巧

在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.jb51.net','_self') "> open a link 1</a><br/> 2.使用document.URL

JavaScript实战(原生range和自定义特效)简单实例_javascript技巧

今天我又码了两个特效:一个是用原生input[type=range]的,另一个完全自定义的:下面是完整代码和演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0; ri

js获取所有checkbox的值的简单实例_javascript技巧

例: <input type="checkbox" name="test" value="值1" />显示的内容 <input type="checkbox" name="test" value="值2" />显示的内容 <input type="checkbox" name="test" value="值3

js获取客户端外网ip的简单实例_javascript技巧

var wwip=""; $(function(){ $(document).ready( function() { $.getJSON( "http://smart-ip.net/geoip-json?callback=?", function(data){ alert( data.host); wwip=data.host; } ); }); }); 这个问题查了很多资料,都不可以,这个还好用. 例子,js获取本地与外网IP地址. <script lang

JavaScript获取和设置CheckBox状态的简单方法_javascript技巧

注意: 针对单个复选框的情况! 复制代码 代码如下: var obj = document.getElementById("tt");var value = obj.checked;alert(value);// 若选中,则返回true,否则返回falseobj.checked = false;// 设置复选框为不选中状态

jquery获取img的src值的简单实例_javascript技巧

简简单单的一句话,如下: <img id="test" src="1.jpg" alt="test" /> 引用的jquery如下: <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type=&quo