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

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. Nginx笔记总结十二:nginx版本号隐藏
			
    vim nginx.conf http { server_tokens off;} php-fpm fastcgi.conf或fcgi.conf fastcgi_param SERVER_SOFTWA ...
    
			
    2. 
						
  2. 数据检索|文献检索|事实检索|yandex|Title vs topic|检索技术|检索技巧|
			
    信息检索: 信息检索原理是,将书写不规范的原始数据先存储,再通过归纳化or标准化手段进行拆分,便于用户搜索. 信息检索类型可依据数据内容进行分类,文献检索是通过输入关键字进入搜索引擎,搜索仅找到含有关 ...
    
			
    3. 
						
  3. 为什么有这么多人呼吁要取代Facebook？
			
    扎克伯格这段时间算是栽了,身为人生大赢家的他或许正在遭受最为灰暗的时刻.因为泄露5000万用户数据这一事件,Facebook股价暴跌且扎克伯格身家缩水.被英国与美国相关部门调查.#删除Facebook ...
    
			
    4. 
						
  4. java增强型for循环
			
    http://blog.csdn.net/itmyhome1990/article/details/8797005
    
			
    5. 
						
  5. SQLite数据库迁移MySQL(MariaDB)完整步骤
			
    第一步(SQLite导出数据库): 命令方式导出数据库 > .output d:/data/lagou.sql //导出路径及文件名 > .dump //开始导出 修改lagou.sql文 ...
    
			
    6. 
						
  6. requests库入门-16-Session和Cookie
			
    分类专栏: Python接口自动化测试之requests库入门 作者 | Anthony_tester ,300w+访问量博主,Oracle测试开发工程师. 地址 | https://blog.csd ...
    
			
    7. 
						
  7. C#利用反射调用PB编译的COM组件
			
    问题: 1.根据COM组件的ProgID,得到COM组件公开的类型 2.创建COM组件提供的类型的对象 3.调用执行方法 正确姿势 C#利用反射调用(后期绑定)PB编译的COM组件 C#调用COM组件 ...
    
			
    8. 
						
  8. JavaScript中prompt的使用
			
    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.js * 作者:常轩 * 微信公众号:Worldhel ...
    
			
    9. 
						
  9. sql服务器第5级事务日志管理的阶梯：完全恢复模式下的日志管理
			
    sql服务器第5级事务日志管理的阶梯:完全恢复模式下的日志管理 原文链接http://www.sqlservercentral.com/articles/Stairway+Series/73785/  ...
    
			
    10. 
						
  10. win10安装LoadRunner时，安装.net framwork组件报0x800F081F错误 解决办法
			
    一.报错原因 0x800F081F错误大多数是在安装软件时,系统无法联网自动下载安装. 经过各种排查及搜索解决方案,总结原因无非以下三种: 1.windows update被禁用. 2.电脑没有.ne ...
    
			
    11.