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.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致 ...

随机推荐

openssl nodejs https+客户端证书+usbkey
mac sslconfig 文件路径 /System/Library/OpenSSL/openssl.cnf 一生成CA openssl req -new -x509 -keyout ca.key - ...
django应用的测试
本文章默认用户使用win10系统,并且已经安装pycharm.git.django2.2.5及配套第三方库(python3.6.0及以上版本,且为anaconda环境) 前言其实在上一期django ...
吴裕雄--天生自然 R语言开发学习：基本图形（续二）
#---------------------------------------------------------------# # R in Action (2nd ed): Chapter 6 ...
JSF技术web.xml配置解析
对Java tutorial-examples中jsf hell1的web.xml配置文件的解析 <?xml version="1.0" encoding="UTF ...
liubo.im
elite-lessons (37) --> 1025 精英水平的道歉 29/10/2016 1027 听大脑说话.给大脑编程 27/10/2016 1022 美国两党政治为什么越来越极化? 2 ...
vue基础指令了解
Vue了解 """ vue框架 vue是前台框架:Angular.React.Vue vue:结合其他框架优点.轻量级.中文API.数据驱动.双向绑定.MVVM设计模式. ...
SpringMVC之@SessionAttribute和@ModelAttribute
1.Controller package com.tz.controller; import java.util.Map; import org.springframework.stereotype. ...
算法小练#1 - Dany Yang
开始记录每周做过的算法题,这是第一周,新的开始 1021. 删除最外层的括号题目要求如下: 有效括号字符串为空 ("")."(" + A + ")& ...
JavaScript逻辑分支switch 练习题
1.输入月份,显示当月的天数, 利用case穿透简化代码 var month = prompt("请输入月份"); var year = prompt("请输入年份&q ...
openpyxl(python操作Excel)
一.安装 >>> pip install openpyxl import openpyxl 二.常用操作 1.创建与保存一个工作簿 wb = openpyxl.Workbook() ...

js 数组一些简单应用

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

随机推荐

热门专题