<!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. Nginx笔记：支持对用户提交URL和服务的URL不一致时，保持对POST提交的支持

    用户访问的URL和服务的URL不一致,需要对URL修改,同时使用的是POST提交方式 location ~* ^/portalproxy/([-]*)/portal$ { #rewrite '^/po ...

  2. miracle|

    N-COUNT 奇迹;出人意料的事If you say that a good event is a miracle, you mean that it is very surprising and ...

  3. Tmux 速成教程：技巧和调整

    本文转自:http://blog.jobbole.com/87584/ 简介 有些开发者经常要使用终端控制台工作,导致最终打开了过多的标签页.如果你也是他们当中的一员,或者你正在实践结对编程,那么我推 ...

  4. 关于php自学

    自己本人现在正在自学php有一段时间了,不知道现在的学习状态咋样,在我看来应该属于不算很糟糕,但有点糟糕的状态. 如果算学习自学php的话,现在断断续续应该是有5个月了,按理说是差不多可以做出独立项目 ...

  5. 基于Dockerfile制作tomcat镜像

    Docker 概述:   在前面的例子中,我们从下载镜像,启动容器,在容器中输入命令来运行程序,这些命令都是手工一条条往里输入的,无法重复利用,而且效率很低.所以就需要一种文件或脚本,我们把想执行的操 ...

  6. 使用wget获取其他服务器上的文件

    http://www.cnblogs.com/tankblog/p/6081521.html

  7. Apollo配置中心介绍与使用指南

    转载于https://github.com/ctripcorp/apollo,by Ctrip, Inc. Apollo配置中心介绍 Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中 ...

  8. react render渲染的几种情况

    1. 首次加载 2. setState改变组件内部state. 注意: 此处是说通过setState方法改变. 3. 接受到新的props

  9. 芮勇博士荣获2016年IEEE 计算机学会技术成就奖

    微软亚洲研究院常务副院长 芮勇 日前,电气电子工程师学会(the Institute of Electrical and Electronics Engineers, IEEE)计算机学会(Comp ...

  10. 事务以及Spring的事务管理

    一.什么是事务? 事务是逻辑上的一组操作,要么都执行,要么都不执行 二.事务的特性(ACID) 原子性: 事务是最小的执行单位,不允许分割.事务的原子性确保动作要么全部完成,要么完全不起作用: 一致性 ...