`
jushi1988
  • 浏览: 73702 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类
最新评论

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>
0
0
分享到:
评论

相关推荐

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

    介绍了JavaScript获取多个数组的交集简单实例,有需要的朋友可以参考一下

    Intersector针对不同内容类型高度优化的数组交集

    在JavaScript开发中,有时我们需要处理数组的交集问题,例如找出两个或多个数组中的共同元素。"Intersector" 是一个专门针对这种情况的高度优化库,它提供了高效计算数组交集的功能,适用于各种不同的内容类型,包括...

    js代码-3.求多个数组之间的交集

    总结一下,JavaScript 中找到多个数组的交集可以通过多种方法实现,如 `reduce()` 和 `filter()` 结合,或者利用 `Set` 数据结构。这些方法可以帮助我们有效地处理数组数据,提高代码的可读性和效率。在实际项目中,...

    js代码-(算法)两个数组交集

    数组的交集是指同时存在于两个或多个数组中的元素集合。在JavaScript中,我们可以采用多种方法来实现这个功能,下面将详细介绍几种常见且实用的方法。 首先,我们可以通过双重循环来实现交集的计算。这是一种基础的...

    js代码-两个数组的交集

    在`main.js`中,我们可能会看到以下用于找出两个数组交集的JavaScript函数: ```javascript function intersection(arr1, arr2) { return arr1.filter(value =&gt; arr2.includes(value)); } ``` 这个函数`...

    比较json对象中的两个数组含有的相同元素,点击按钮输出新的数组

    3. **`Set` 和 `intersection()`**:JavaScript的`Set`对象提供了一个`intersection()`方法,用于找出多个集合的交集,但原生的`Array`没有此方法。我们可以自定义一个函数来实现这个功能: ```javascript function...

    JavaScript中数组的一些算法和技巧总结

    在JavaScript编程语言中,数组是一种非常重要的数据结构,它用于存储多个值,并提供了一系列高效的操作方法。本篇文章将深入探讨JavaScript中数组的一些算法和技巧,帮助开发者更好地理解和利用这些功能。 1. 数组...

    详解JS取出两个数组中的不同或相同元素

    在JavaScript中,处理数组是常见的任务之一,特别是比较和操作两个数组以找出它们之间的差异或相同元素。在本文中,我们将深入探讨如何使用JS来实现这个功能。 首先,我们要了解几种核心的数组方法,这些方法在处理...

    求交集和非交集

    交集是指两个或多个集合共有的元素,而非交集则是指存在于至少一个集合中但不在所有集合中的元素。在本篇内容中,我们将深入探讨如何在不同的编程语言和情境中实现求交集和非交集的操作。 首先,让我们从Python开始...

    javascript 数组精简技巧小结

    7. **数组合并**:使用展开操作符`...`,可以将多个数组合并为一个。例如: ```javascript let arr1 = [1, 2], arr2 = [3, 4]; let combinedArr = [...arr1, ...arr2]; ``` 8. **求两个数组的交集**:通过先...

    js代码-查找数组之间的交集

    本主题将深入探讨如何使用JavaScript查找两个或多个数组之间的交集。交集是指存在于所有数组中的元素集合。以下是一个详细的指南,包括概念解释、示例代码以及实际应用。 ### 1. 交集的概念 交集是指在数学集合论...

    JavaScript 函数库、工具类

    - `union`:合并多个数组并去除重复元素。 7. **对象操作**: - `keys`、`values`、`entries`:分别获取对象的所有键、值和键值对数组。 - `pick`、`omit`:根据指定的属性名选取或剔除对象的属性。 - `merge`...

    趣谈前端lodash1

    2. `_.concat(array, [values])`: 连接数组,将多个数组组合成一个大数组。 3. `_.difference(array, [values])`: 找出第一个数组中有而第二个数组中没有的元素。 4. `_.differenceBy(array, [values], [iteratee=_....

    js数组如何添加json数据及js数组与json的区别

    在编程语言JavaScript中,数组和JSON是两种经常使用的数据结构,它们在形式和应用上有一定的区别,但在实际使用时又有很多交集。JSON,全称为JavaScript Object Notation(JavaScript对象表示法),是一种轻量级的...

    几百个javascript常用小技巧总结

    - `Object.assign()`:合并多个对象到一个新对象。 - `for...in`循环遍历对象属性。 - `Object.keys()`, `Object.values()`和`Object.entries()`获取对象的键、值或键值对数组。 6. **Promise** - 异步编程模型...

    ArrayExtensions:数组原型的扩展

    - `intersection`: 返回两个数组的交集,即同时存在于两个数组中的元素。 - `difference`: 返回只存在于第一个数组,而不存在于第二个数组的元素。 4. **数组转换**: - `mapToObject`: 将数组元素转换为键值对...

Global site tag (gtag.js) - Google Analytics