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

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>

自己测试了没有什么问题,如果看到的人有什么新的思路,或者其他好的方法,欢迎来踩,一起讨论

最新文章

  1. AnjularJS系列6 —— 过滤器
  2. 推荐几款我一直在用的chrome插件(下)
  3. JS利用取余实现toggle多函数
  4. Androide SQLiteDatabase数据库操作(转)
  5. ThinkPHP 3.2.3(三)架构之URL模式
  6. Oracle学习线路
  7. 在数据库中如果组合主键(假设为stuID和stuName)存在则更新,不存在则新增
  8. 在hyper安装openwrt
  9. 杨佩昌:中国官员去德国考察看什么两眼发光 z
  10. 模板--&gt;Matrix重载运算符:+,-,x
  11. 转发:Xcode插件
  12. Effective Java 之 --- 用私有构造器或者枚举类型强化Singleton属性
  13. 学习AD、DA的体会
  14. Qt之自定义托盘(二)
  15. Spring中的@Async
  16. IDEA常用快捷键,收藏以备后用
  17. Pthon常用模块之requests,urllib和re
  18. Kafka实战-数据持久化
  19. 【转】Extjs2.2.1 DateField 变形的问题解决方案
  20. 常用的HTTP协议状态码

热门文章

  1. 用户增删改查 django生命周期 数据库操作
  2. Java IO: 异常处理
  3. 2017-2018 ACM-ICPC Pacific Northwest Regional Contest (Div. 2) P-Fear Factoring 区间内数的所有因数的和(除法分块)
  4. js mvvm:闲来无事,实现一个只具最基本数据双向绑定的mvvm
  5. hibernate需要注意的点
  6. linux查看端口号占用命令-top
  7. this.props
  8. jmeter+ant+jenkins 接口自动化测试持续集成(送源码)
  9. 【OpenCv-Python】Getting Started with Images
  10. springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据