<!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>

function compareTwo(jsonDate,key,listValue){

    var arrPorts = listValue.split('/');

    var prevValue = jsonDate.date.split('/');

    var prevFirst = prevValue[0].substring(0,prevValue[0].length-1);

    var arrPortsFirst = arrPorts[0].substring(0,arrPorts[0].length-1);

    if(parseInt(key) == parseInt(jsonDate.index)+1 && prevFirst == arrPortsFirst &&　prevValue[1] == arrPorts[1] ){

        return true;

    }

    return false;

}

function jsonLength(ports){

    var length = 0;

    for(var key in ports){

        length++;

    }

    return length;

}

/*获取字符串*/

function getPortStr(portList){

    var prevDate = {index: '',date:''};

    var length = 0;

    var equTmpStr = '';

    var tmpStr = '';

    var tmpLength = '';

    var preStatus = false;

    var length = jsonLength(portList);

    alert("length:"+length);

    var ingStr = '';

    for(var key in portList){

        tmpLength++;

        var arrPorts = portList[key].split('/');

        if('' != prevDate.index){

            var comValue = compareTwo(prevDate,key,portList[key]);

            if(comValue){ //如果两个数是同类型的

                //把现在的连接上以前用-

                equTmpStr = prevDate.date+'-'+arrPorts[2];

                if(length == tmpLength){

                    ingStr += equTmpStr+',';

                    equTmpStr = '';

                }

                prevDate.index = key;

                continue;

            }else{

                //如果是不同类型的，需要先存起来

                alert("key:"+key+" comValue:"+comValue+" equTmpStr: "+equTmpStr);

                if('' != equTmpStr){

                    ingStr += equTmpStr+',';

                    equTmpStr = '';

                }else{

                    ingStr += prevDate.date+',';

                }

                if(length == tmpLength){

                        ingStr += portList[key]+',';

                }

            }

        }

        prevDate.index = key;

        prevDate.date = portList[key];

    }

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

    return ingStr;

}

/*整理字符串和命令行显示一致*/

function getStrCollation(portList){

    var strPort = getPortStr(portList);

    alert("strPort:"+strPort);

    var arrPort = strPort.split(',');

    var arrTmp = [];

    var prevStrPortPartFirst = '';

    var prevStrPort = '';

    var exportStr = '';

    var j=0;

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

        var arrPortPart = arrPort[i].split('/');

        var strPortPartFirst = arrPortPart[0].substring(0,arrPortPart[0].length-1);

        if(i){

            if(prevStrPortPartFirst == strPortPartFirst){

                arrTmp[j] = arrPort[i].substring(strPortPartFirst.length);

                j++;

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

                    exportStr += arrTmp.join(',');

                }

                continue;

            }else{

                if(arrTmp.length){

                    exportStr += arrTmp.join(',')+' ';

                    arrTmp = [];

                    j = 0;

                }

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

                    exportStr += arrPort[i];

                }

            }

        }

        arrTmp.push(arrPort[i]);

        j++;

        prevStrPortPartFirst = strPortPartFirst;

    }

    return exportStr;

}

/*使用这个函数的前提是json中的数据按照从小到大的顺序排好*/

function compareList(listSrc,listDes){

    var srcLength = jsonLength(listSrc);

    var desLength = jsonLength(listDes);

    if(srcLength != desLength){

        return false;

    }else{

        for(var key in listSrc){

            if(listSrc[key] != listDes[key]){

                return false;

            }

        }

    }

    return true;

}

window.onload = function(){

    var portList = {'1': 'gigaethernet1/1/1','2':'gigaethernet1/2/7','3':'gigaethernet1/2/3','7':'fst1/5/1','8':'fst1/5/2','10':'fst1/6/2','11':'fst1/6/3','12':'fst1/6/4','16':'fst1/9/4','18':'fst1/10/4'};

    var portListTset = {'1': 'gigaethernet1/1/1','2':'gigaethernet3/1/7','3':'gigaethernet3/1/3','7':'fst1/5/1','8':'fst1/5/2'};

    var arrPort = ['gigaethernet1/1/1','gigaethernet1/1/2'];

    var str = 'abcdefg';

        //alert(str.substring(2));

    alert(getStrCollation(portList));

};

</script>

</head>

<body>

</body>

</html>

js 实现端口列表话的更多相关文章

  1. TCP/UDP端口列表

    http://zh.wikipedia.org/wiki/TCP/UDP%E7%AB%AF%E5%8F%A3%E5%88%97%E8%A1%A8 TCP/UDP端口列表     本条目可通过翻译外语维 ...

  2. 原生js移动端列表无缝间歇向上滚动

    在项目开发中尤其是在项目的活动页面的开发中,经常需要将用户的购买信息或中奖信息等以列表的形式展示在页面当中,并可以使其自动间歇向上滚动来达到在有限的区域内展示所有信息的目的.通常的做法是通过将列表父元 ...

  3. Linux中检查本地系统上的开放端口列表的方法

    在 Linux 中很少有用于此目的的实用程序.然而,我提供了四个最重要的 Linux 命令来检查这一点. 你可以使用以下四个命令来完成这个工作.这些命令是非常出名的并被 Linux 管理员广泛使用.n ...

  4. 浅谈如何检查Linux中开放端口列表

    给大家分享一篇关于如何检查Linux中的开放端口列表的详细介绍,首先如果你想检查远程Linux系统上的端口是否打开请点击链接浏览.如果你想检查多个远程Linux系统上的端口是否打开请点击链接浏览.如果 ...

  5. TCP/UDP 常用端口列表

    计算机之间依照互联网传输层TCP/IP协议不同的协议通信,都有不同的对应端口.所以,利用短信(datagram)的UDP,所采用的端口号码不一定和采用TCP的端口号码一样.以下为两种通信协议的端口列表 ...

  6. TCP/UDP端口列表（WIKIpedia）

    计算机之间依照互联网传输层TCP/IP协议不同的协议通信,都有不同的对应端口.所以,利用短信(datagram)的UDP,所采用的端口号码不一定和采用TCP的端口号码一样.以下为两种通信协议的端口列表 ...

  7. 通过ribbon 根据服务名获取所有服务实例的IP和端口列表

    代码使用SpringCloud版本E3 业务场景: 今天遇到一个业务场景,要求根据服务名获取当前微服务集群中所有的对应服务实例的IP和端口,通过分析源码推算出了写法. 原理简述: 如果代码中引入了sp ...

  8. 分享JQuery动画插件Velocity.js的六种列表加载特效

    分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览   源码下载 实现 ...

  9. js 验证ip列表

    如题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

随机推荐

  1. Java包装类之实体类不要使用基本类型

    [color=rgba(0, 0, 0, 0.75)]今天来记录一下,在项目中因为基本类型,所产生的bug.**U•ェ•*U** 包装类:8种基本类型的包装类 应用场景:数据库建立实体映射多用包装类 ...

  2. 判断两个数组是否相似 (arraysSimilar)

    题目 解答 思路 具体实现代码 总结 题目 题目来自 慕课网 JavaScript 深入浅出 1-6 编程练习 请在 index.html 文件中,编写 arraysSimilar 函数,实现判断传入 ...

  3. 【GBK、UTF-8、ISO8859-1】三种编码方式总结及实例

    感谢:https://blog.csdn.net/youngstar70/article/details/64117297 一.总结 在Java中,String的getBytes()方法是得到一个操作 ...

  4. MongoDB的初级安装和使用

    对于非关系型数据库,很多人不是很清楚,我也是作为新手慢慢摸索, 外网地址下载贼慢:我烦放在自己的百度网盘里 软件链接:https://pan.baidu.com/s/1A7h4VOfvm8N2gnlJ ...

  5. 国产ROM纷争升级 能否诞生终结者？

    能否诞生终结者?" title="国产ROM纷争升级 能否诞生终结者?"> 相比iOS系统的低硬件高流畅,安卓系统就显得"逼格"低了许多.先不说 ...

  6. get请求直接通过浏览器发请求传数组或者list到后台

    原文链接: http://blog.csdn.net/qq_27093465/article/details/76160419 感谢原作者 例如: http://localhost:27001/tes ...

  7. Uber自动驾驶卡车正式运营，是否会给卡车司机彻底“宣判死刑”?

    随着科技的快速迭进和嬗变,大众的生活也在被全面革新和改变.不过有些改变是显性的,比如PC和智能手机的出现.有些改变却是隐性的,比如太空科技.云计算等.而在当下,又一个看似与大众生活紧密相关,但一般人却 ...

  8. Spring History和spring设计哲学

    1.spring history spring起点 2002年10月,Rod Johnson 写了一本名为Expert One-on-One J2EE设计和开发的书.本书由Wrox发布,涵盖了当时Ja ...

  9. ubuntu 16 下安装 Ubuntu Make

    第一步:下载安装包 地址:http://ftp.gnu.org/gnu/make/ 第二步:解压 先进入存放文件目录,图示: 进行解压,图示: 解压并copy到安装目录 第三步:编译 1.查看目录, ...

  10. 关于运算符的那些坑—自增x++&&++y

    题目 比较常见的问题,因为比较细,看书的时候一不注意可能就过去啦,但是遇到的时候就会容易出问题.先看下面程序,考虑一下运行结果是什么呢? int x = 1, y = 1; if(x++ == 2 & ...