js数组常见操作及数组与字符串相互转化实例详解(3)

var arr=new Array(1000) arr[0]="xbc1"; arr[1]="bcx2"; arr[2]="cctv3"; arr[5]="xctv4"; arr.sort(); for(i=0;i<arr.length;i++) { if(arr[i]!=null) document.writeln(arr[i]); }

reverse:数组反向,和sort配合使用能实现从大到小排序

var arr=new Array() arr[0]="a1"; arr[1]="a2"; arr[2]="a3"; arr[3]="a4"; arr.push("邢志云"); arr.push("0123"); //arr.sort(); arr.reverse();//数组反向排列 for(i=0;i<arr.length;i++) { document.writeln(arr[i]); } //显示: 0123 邢志云 a4 a3 a2 a1

slice:数组截断后赋值给另外一个数组(不改变原始数组)

var xzy1=new Array(); xzy1=["a","b","c","hello","usa","eng"]; // 0 1 2 3 4 5 var xzy2=xzy1.slice(2,4);//从数组xzy1的2号元素开始到4号元素停止的值结束转成一个数组 for(var i=0;i<xzy2.length;i++) { document.write(xzy2[i]+":");//显示c hello }

也可以这么写

<script> var xzy1=new Array(); xzy1=["a","b","c","hello","usa","eng"]; // 0 1 2 3 4 5 var xzy2=Array.prototype.slice.call(xzy1,2,4);//从数组xzy1的2号元素开始到4号元素停止的值结束转成一个数组 for(var i=0;i<xzy2.length;i++) { alert(xzy2[i]);//显示c hello } </script>

splice:数组截断或清空(改变原始数组)

var arr=new Array(); var s; arr[0]="a1"; arr[1]="a2"; arr[2]="a3"; arr[3]="a4"; arr[4]="a5"; arr[5]="a6"; var arr2=arr.splice(3,2,"x1","x2");//从3号开始的2个元素,用x1和x2替换,并把替换下的值重新赋给数组arr2 //如果没有参数"x1","x2",则对应的2个元素会从arr中删除,后面的前推 for(i=0;i<arr.length;i++) { document.write(arr[i]+":");//显示: a1:a2:a3:x1:x2:a6: } document.write("<br/>"); for(i=0;i<arr2.length;i++) { document.write(arr2[i]+":");//显示: a4:a5: }

利用splice来清空数组

var arr=new Array(); arr[0]="a1"; arr[1]="a2"; arr[2]="a3"; arr[3]="a4"; arr[4]="a5"; arr[5]="a6"; alert(arr.length);//显示6 arr.splice(0,100000000);//可以理解为把arr数组清空,又回到初始状态 alert(arr.length);//显示0

concat:数组连接

var arr=new Array(); var s; arr[0]="a1"; arr[1]="a2"; arr[2]="a3"; arr[3]="a4"; arr[4]="a5"; arr[5]="a6"; var arr2=["b1","b2","b3"]; var arr3=arr.concat(arr2); for(i=0;i<arr3.length;i++) { document.write(arr3[i]+":");//显示: a1:a2:a3:a4:a5:a6:b1:b2:b3: }

使用Map

map1:

<script> var map = {}; map["张三"] = "1362348754"; map["李四"] = "0351-98476345"; map["王五"] = "0358-4873622"; alert(map["李四"]); </script>

用map={}就可以把map清空;

map2:

<script> var map = new Array(); map["张三"] = "1362348754"; map["李四"] = "0351-98476345"; map["王五"] = "0358-4873622"; alert(map["李四"]);//显示:0351-98476345 alert(map.length);//这里map.length显示为0 map[0] = "0358-4873622"; map[1] = "0358-4873622"; map[2] = "0358-4873622"; alert(map.length);//这里map.length显示为3 for(var i=0;i<map.length;i++) { document.write(map[i]); } alert(map["李四"]);//显示:0351-98476345 </script>

map3:

var map={"姓名":"邢志云","性别":"男","年龄":34} map.婚否="已婚";//可以动态添加 eval("map.国籍='中华'");//但map.后面的标识符只能是以字符开头的,并且不能有-所以全球标识符不宜用在这里 alert(map.国籍); //alert(map.姓名);//邢志云 //alert(map.年龄);//34 map["民族"]="汉族";//也可以像第一条中那样赋值,但这种可以用任意串做键,如: map["1-2"]="汉族";alert(map.姓名 +":"+map["1-2"]);//也能正常显示 alert(map.姓名+":"+map.民族); for(var colname in map) { alert(colname );//姓名 性别 年龄 婚否 } for(var colname in map) { alert(map[colname]);//邢志云 男 34 已婚 }

还可以这样

var s="'姓名':'邢志云','性别':'男',35:'年龄'"; eval("var map={"+s+"}"); alert(map["姓名"]);

或者

var s="姓名:'邢志云',性别:'男',35:'年龄'"; eval("var map={"+s+"}"); alert(map["姓名"]);

还可以嵌套

var map={"人员":{"张三":"男","赵六":"女"}, "车辆":{"桑塔纳":"6万","别克":"10万"}, "年龄":34} alert(map.人员.赵六);//女 alert(map.车辆.桑塔纳);//6万

使用自定义的属性的数组

var a=new Array(); a[0]={}; a[0].姓名="邢志云"; a[0].年龄=32; a[1]={}; a[1].姓名="李四"; a[1].年龄=28; for(var i=0;i<a.length;i++) { alert(a[i].姓名+":"+a[i].年龄); }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgzxfy.html