把两个数组连接成按从小到大的一个数组例如：

var allowVlan = '23-25,45,4-6,67,50-53';

var unTagVlan = '1-5';

完成时应该是1-6,23-25,45,67,50-53；

本例中用到了数组的方法：

1.数组连接

2.数组包含，

3.数组排序

4、数组去重

备注：listCombinationStr 函数中包括字符串组成list 比如，[1,2,3,5,6,9] ===>>1-3,5-6,9这种形式，getStrCollationPort是强调了下这种形式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script>

    window.onload = function(){

    //    var allowVlan = '23-25,45,4-6,67,50-53';

    //    var unTagVlan = '20-30';

        var allowVlan = '';

        var unTagVlan = '1-5';

        //重新排序

        var arrAllowVlan = vlanListSort(allowVlan);

        var arrUnTagVlan = vlanListSort(unTagVlan);

        alert("arrAllowVlan:"+arrAllowVlan+"arrUnTagVlan:"+arrUnTagVlan);

        //判断是不是包含关系

        if(includeRelation(arrAllowVlan,arrUnTagVlan)){

            /*是包含关系*/

            alert('1');

        }else{

            /*不是包含关系，需要重新组合*/

            alert('2');

            var tmpArr = arrAllowVlan.concat(arrUnTagVlan);

            alert("tmpArr:"+tmpArr);

            tmpArr.sort(function(a,b){

                return a-b;

            });

            alert("result:"+listCombinationStr(tmpArr));

            }

        };

    /*判断两个数组是不是包含关系*/

    function includeRelation(arrParent,arrChild){

        if(arrChild.length > arrParent.length){

            return false;

        }

        for(var i=0;i< arrChild.length;i++){

            var bContent = true;

            for(var j=0;j<arrParent.length;j++){

                if(arrChild[i] == arrParent[j]){

                    bContent = false;

                    break;

                }

            }

            if(bContent){

                return false;

            }

        }

        return true;

    }

    /*排序*/

    function vlanListSort(str){

        var newArrAllow = [];

        var arrAllow = '';

        if(!str.length){

            return newArrAllow;

        }

        arrAllow= str.split(',');

        for(var i=0;i<arrAllow.length;i++){

            if(arrAllow[i].indexOf('-') != -1){

                var tmpArr = arrAllow[i].split('-');

                for(var j=parseInt(tmpArr[0]);j<=parseInt(tmpArr[1]);j++){ //这里需要注意下'2'>'12';

                    newArrAllow.push(j);

                }

            }else{

                newArrAllow.push(parseInt(arrAllow[i]));

            }

        }

        newArrAllow.sort(function(a,b){

            return a-b;

        });

        return newArrAllow;

    }

    /*排好序的数组重新组合成新的列表，可能包含有重复的*/

    function listCombinationStr(tmpArr){

            var outArr = [];

            var outStr = '';

            var tmpStr = '';

            tmpArr = deleteNumber(tmpArr);

            var tmpValue = tmpArr[0];

            for(var i=1;i<tmpArr.length;i++){

                if(tmpArr[i] == (tmpArr[i-1]+1)){

                    tmpStr = tmpValue+'-'+tmpArr[i];

                    if(i == tmpArr.length-1){

                        outStr += tmpStr+',';

                    }

                }else{

                    if(tmpStr != ''){

                        outStr += tmpStr+',';

                        tmpStr = '';

                    }else{

                        outStr += tmpValue+',';

                    }

                    if(i == tmpArr.length-1){

                        outStr += tmpArr[i]+',';

                    }

                    tmpValue = tmpArr[i];

                }

            }

            outStr = outStr.substring(0,outStr.length-1);

            return outStr;

        }

    /*排好序的数组去重*/

    function deleteNumber(tmpArr){

        var tmp = tmpArr[0];

        for(var i=1;i<tmpArr.length;i++){

            if(tmpArr[i] == tmp){

                tmpArr.splice(i,1);

                i--;

            }else{

                tmp = tmpArr[i];

            }

        }

        return tmpArr;

    }

*之前写的是interface gigaethernet1/1/1 or fst1/10/4 这种形式的端口比如2128这种端口是port形式的故以前的不能用*/

function getStrCollationPort(portList){

    /*var len = jsonLength(portList);

    var s1 = "port";

    var prevIndex = 0;

    var courrentIndex = 0;

    var arrPort = [];

    var tmpList = "";

    var tmpFirst = 0;

    var indexList = "";

    for(var i in portList){

         arrPort.push(portList[i].substring(s1.length));

    }

    alert("arrPort.length:"+arrPort.length);

    if(arrPort.length == 1){

        return arrPort[0].toString();

    }

    alert("arrPort"+arrPort);

    var prevIndex = arrPort[0];

    tmpFirst = prevIndex;

    for(var i=1;i<arrPort.length;i++){

        if(parseInt(prevIndex)+1 == parseInt(arrPort[i])){

            tmpList = tmpFirst+"-"+arrPort[i];

        }else{

            if(tmpList != ""){

                indexList += tmpList+',';

                tmpList = "";

            }else{

                indexList += prevIndex+',';

            }

            //最后一个数

            if(i == arrPort.length-1){

                indexList += arrPort[i];

            }

            tmpFirst = arrPort[i];

        }

        prevIndex = arrPort[i];

    }

    //最后一个数

    if(tmpList != ""){

        indexList += tmpList;

    }

    return indexList;

    */

            var outArr = [];

            var outStr = '';

            var tmpStr = '';

            var tmpArr = [];

            var s1 = "port";

            for(var i in portList){

                 tmpArr.push(portList[i].substring(s1.length));

            }

            alert("tmpArr:"+tmpArr);

            if(tmpArr.length == 1){

                return tmpArr[0].toString();

            }

            var tmpValue = tmpArr[0];

            for(var i=1;i<tmpArr.length;i++){

                if(parseInt(tmpArr[i]) == parseInt(tmpArr[i-1])+1){

                    tmpStr = tmpValue+'-'+tmpArr[i];

                    if(i == tmpArr.length-1){

                        outStr += tmpStr+',';

                    }

                }else{

                    if(tmpStr != ''){

                        outStr += tmpStr+',';

                        tmpStr = '';

                    }else{

                        outStr += tmpValue+',';

                    }

                    if(i == tmpArr.length-1){

                        outStr += tmpArr[i]+',';

                    }

                    tmpValue = tmpArr[i];

                }

            }

            outStr = outStr.substring(0,outStr.length-1);

            return outStr;

       }


</script>

</head>

<body>

</body>

</html>




自己测试了没有什么问题，如果看到的人有什么新的思路，或者其他好的方法，欢迎来踩，一起讨论
												


											
js 数组一些简单应用的更多相关文章
	

    
						
  1. 关于js数组的简单复制
		
    var a=[]; a.push(1); a.push(2); a.push(3); var b=a; b[0]=4; alert(a);//4,2,3 alert(b);//4,2,3 这种写法由于 ...
    
		
    2. 
								
  2. js数组和数组去重的几种简单的方法
		
    http://blog.csdn.net/liangklfang/article/details/49300417 1.证明一个对象是数组的方法. 方法(1) [].constructor === A ...
    
		
    3. 
						
  3. json、js数组真心不是想得那么简单
		
    之前因为做前台的东西比較少,对于json和js数组的认识仅局限于一种固定格式.这样的固定的思维在开发前台时,特别是近期使用highcharts插件时.让我感到特别不明确.通过查询最终心头的疙瘩解开了. ...
    
		
    4. 
						
  4. 小兔JS教程（四）-- 彻底攻略JS数组
		
    在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...
    
		
    5. 
						
  5. 转→js数组遍历 千万不要使用for...in...
		
    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...
    
		
    6. 
						
  6. js数组操作大全
		
    原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...
    
		
    7. 
						
  7. js数组操作
		
    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...
    
		
    8. 
						
  8. js数组操作【转载】
		
    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵 ...
    
		
    9. 
						
  9. JS 数组去重（数组元素是对象的情况）
		
    js数组去重有经典的 几种方法 但当数组元素是对象时,就不能简单地比较了,需要以某种方式遍历各值再判断是否已出现. 因为: 1.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. phpcms数组处理后键值插入（php自带库函数）和自己处理办法比较。
			
    phpcms处理: public function insert($data, $table, $return_insert_id = false, $replace = false) {  if(! ...
    
			
    2. 
						
  2. E丢丢App重设计总结
			
    E丢丢学习App是华夏大地教育可以有限公司旗下的一款产品,专为提升学历者打造,它整合了线上+跟踪的 (E平台)功能,方便工作人员随时随地管理账号.跟进学员:同时还可以随时了解教育行业的新闻资讯.一对一 ...
    
			
    3. 
						
  3. Javascript 表达式中连续的 && 和 || 之赋值区别
			
    为了区分赋值表达式中出现的连续的 ‘&&’和 ‘||’的不同的赋值含义,做了一个小测试,代码如下: function write(msg){     for(var i = 0; i  ...
    
			
    4. 
						
  4. hadoop创建两大错误：Bad connection to FS. command aborted. exception和Shutting down NameNode at hadoop
			
    1.问题目录表: Error代码   failed on connection exception: java.net.ConnectException: Connection refused 3.  ...
    
			
    5. 
						
  5. 吴裕雄--天生自然python学习笔记：Python3 迭代器与生成器
			
    迭代器 迭代是Python最强大的功能之一,是访问集合元素的一种方式. 迭代器是一个可以记住遍历的位置的对象. 迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后退 ...
    
			
    6. 
						
  6. 吴裕雄--天生自然 R语言开发学习：方差分析
			
    #-------------------------------------------------------------------# # R in Action (2nd ed): Chapte ...
    
			
    7. 
						
  7. 微软Project Oxford帮助开发人员创建更智能的应用
			
    Oxford帮助开发人员创建更智能的应用" title="微软Project Oxford帮助开发人员创建更智能的应用"> 假设你是一名对关于健身的应用充满奇思妙想 ...
    
			
    8. 
						
  8. 【Hardware】i386、x86和x64的故事
			
    (1)x86的由来 x86架构首度出现在1978年推出的Intel 8086中央处理器,它是从Intel 8008处理器中发展而来的,而8008则是发展自Intel 4004的.在8086之后,Int ...
    
			
    9. 
						
  9. 对BFC的深层理解
			
    BFC(Block Formatting Context)块级格式化上下文 注意:BFC首先是块,其次需要具备下面的条件之一才可以(通俗来说,BFC就好比一所985或者211的高校,想要成为985或者 ...
    
			
    10. 
						
  10. 【ThinkPHP6：从TP3升级到放弃】1. 前言及准备工作
			
    春节期间因为疫情的关系出不去门,所以就研究了一下ThinkPHP的最新版本6.0.2, 自己写了一个博客程序. 现在, 打算写一个ThinkPHP6的专题, 用来把自己在写博客的过程中入过的坑和获得的 ...
    
			
    11.