js 数组一些简单应用

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

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 数组一些简单应用的更多相关文章

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

随机推荐

Cortana携手微软学术搜索，变身研究人员最佳个人助理
编者按:在美国时间7月14日于微软总部雷蒙德召开的2014年微软教育峰会上,负责技术与研究的微软全球执行副总裁沈向洋博士在他的开幕主题演讲中正式宣布,Windows Phone 8.1系统中的虚拟个人 ...
a, b = a, a+b 和a=b b=a+b的区别
n,a,b=0,0,1 while n<5: print(b) a,b=b,a+b n=n+1 和 n,a,b=0,0,1 while n<5: print(b) a=b b=a+b n= ...
python——实现三级菜单选择的功能(原创)
#coding:utf-8 dict={'beijing':{'haidingqu':['qinghe','keji'],'chaoyangqu':['q','w']},'shandong':{'li ...
MatterTrack Route Of Network Traffic :: Matter
Python 1.1 基础 while语句字符串边缘填充列出文件夹中的指定文件类型 All Combinations For A List Of Objects Apply Operations ...
SpringBoot 处理 POST Json 传参枚举
在 Spring 框架中对枚举类型的序列化/反序列化是有限制的. 假设如下面这样在某些情况下就不能正常工作: 123456789 public enum PayChannelEnum implemen ...
js的几个库
http://www.w3.org/TR/FileAPI/ http://www.w3.org/TR/html-media-capture/ demo:http://jsfiddle.net/pmat ...
PHP 解决对文件操作的高并发问题
解决方案: 对文件进行加锁时,设置一个超时时间.超时设置为1ms,如果这段时间内没有获得锁,就反复获得,直到获得对文件的操作权为止.如果超市限制已到,就必须马上退出,让出锁让其他进程进行操作. ...
python xlwings Excel 内容截图
import xlwings as xw from PIL import ImageGrab def excel_save_img(path, sheet=0, img_name="1&qu ...
Scrum 敏捷实践中的三大角色
在我过去的近两年工作中,我们一直在应用 Scrum 敏捷项目管理方法来开展工作,今天,我先从它的角色划分来讲起,毕竟这可是它最鲜明的特征. 首先,为什么这种项目管理方法叫 Scrum ? Scrum ...
黑客必学之“网页木马webshell”
摘要: 这节课,我们来了解一下网页的木马,首先我们了解网页木马之前,先来了解一下什么是一句话木马.小马和大马.什么是webshell首先简单说一下webshell,webshell简单来说就是黑客植入 ...

js 数组一些简单应用

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

随机推荐

热门专题