JavaScript获取多个数组的交集简单实例_Javascript教程-查字典教程网
JavaScript获取多个数组的交集简单实例
JavaScript获取多个数组的交集简单实例
发布时间:2016-12-30 来源:查字典编辑
摘要:在项目中需要取得多个数组的交集,故本例只是适用于特定场景。比如A数组vara={1000,10001,10002,10003};B数组var...

在项目中需要取得多个数组的交集,故本例只是适用于特定场景。比如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>测试</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教程学习
    热门Javascript教程学习
    编程开发子分类