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

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. 吴裕雄--天生自然 R语言开发学习：中级绘图（续二）
			
    #------------------------------------------------------------------------------------# # R in Action ...
    
			
    2. 
						
  2. 使用内网映射工具Holer将本地的Web应用映射到公网上访问
			
    Holer exposes local servers behind NATs and firewalls to the public internet over secure tunnels. Su ...
    
			
    3. 
						
  3. docker实践-安装wordpress
			
    很多人都有搭建wordpress的经历,可能被某些环境的配置搞得焦头乱耳的,这里使用docker,可以很轻松的进行wordpress的搭建工作. 安装 Docker sudo apt-get inst ...
    
			
    4. 
						
  4. 吴裕雄--天生自然 PYTHON数据分析：医疗数据分析
			
    import numpy as np # linear algebra import pandas as pd # data processing, CSV file I/O (e.g. pd.rea ...
    
			
    5. 
						
  5. # Django 2.2.*问题记录
			
    使用pymysql作为Django连接MySQL数据库的工具时,碰到以下问题,留下记录以便后期遇到相同问题时查看. 问题1 django.core.exceptions.ImproperlyConfi ...
    
			
    6. 
						
  6. MySQL安装和常用命令
			
    一.安装MySQL groupadd mysqluseradd -r -g mysql mysqlgroups mysqlfind / -name mysql | xargs rm -rfwget h ...
    
			
    7. 
						
  7. 2016/11/10 吃吃喝喝Hacking Thursday Night聚餐活动 at Dunkin Donuts
			
    店名:Dunkin Donuts 唐恩都乐 点评:http://www.dianping.com/shop/21378231 地址:静安区南京西路1649号静安公园内(近静安公园) 走法:地铁2号线静 ...
    
			
    8. 
						
  8. -scp  Linux之间复制文件和目录
			
    scp 简介 scp是secure copy的简写,用于在Linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器,而且scp传输是加密的.可能会稍微影响一下速 ...
    
			
    9. 
						
  9. ip修改成域名
			
    将ip修改成域名,这样的话可以使程序变得更加健壮,别人不能直接看见你的ip地址. 后来总结下分享给大家.首先找到hosts文件的位置,这个文件是系统dns默认查找的文件. windows 系统:C:\ ...
    
			
    10. 
						
  10. jQuery样式及html属性操作
			
    样式及html属性操作1,行内样式 css(); a:获取样式 元素.css(样式名称); b:设置单个样式 元素.css("样式名称":"样式值"); c:设 ...
    
			
    11.