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.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致 ...
随机推荐
- 吴裕雄--天生自然 R语言开发学习：回归
#------------------------------------------------------------# # R in Action (2nd ed): Chapter 8 # # ...
- 《JavaScript算法》二分查找的思路与代码实现
二分查找的思路 首先,从有序数组的中间的元素开始搜索,如果该元素正好是目标元素(即要查找的元素),则搜索过程结束,否则进行下一步. 如果目标元素大于或者小于中间元素,则在数组大于或小于中间元素的那一半 ...
- break、continue与数组
一. 1.break与continue.这两个关键字一般放在循环的花括号里面使用.break——结束整个循环.continue——结束本次循环,进入下次循环. break的案例: int i = ...
- 量化投资学习笔记30——《Python机器学习应用》课程笔记04
有监督学习 常用分类算法 KNN:K近邻分类器.通过计算待分类数据点,与已知数据中所有点的距离,取距离最小的前K个点,根据"少数服从多数"的原则,将这个数据点划分为出现次数最多的那 ...
- Python——6切片
*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...
- 图形用户界面(GUI)应用程序开发——菜鸟的第一步
参考资源:贺老师博文 在看完贺老师的博文后,我就照葫芦画瓢的做了个求三角形面积的程序.这是我写的一篇所用时间最长博文(两个多小时,真心挺累,或许是我太笨吧),为了尽可能详细的把步骤写明白我截了二十一张 ...
- Java入门教程九(封装继承多态)
封装 封装就是将对象的属性和方法相结合,通过方法将对象的属性和实现细节保护起来,实现对象的属性隐藏.做法就是:修改属性的可见性来限制对属性的访问,并为每个属性创建一对取值(getter)方法和赋值(s ...
- Java反射，泛型在Json中的运用
最近项目中遇到了Json数据自动获取的功能,不然令人想起java的反射,已经很长时间没复习java了正好一块连java的这一块内容一起过一遍.java中的反射无疑就相当于java开发者的春天,在众多的 ...
- 微信小程序学习 动手撸一个校园网小程序
动手撸一个校园网微信小程序 高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一个校园网微信小程序. 效果预览 源码地址:Gith ...
- removeAttribute getAttribute setAttribute
1.removeAttribute() 方法删除指定的属性. 注:removeAttributeNode() 方法从元素中删除指定的属性节点.简单的来讲,removeAttribute() 移除元素内 ...