js数组操作之基础学习指南

发布时间:2020-05-28编辑:脚本学堂
本文介绍下,js中对数组的一些基础操作,包括js数组的创建、多维数组的应用、数组赋值、数组排序、数组截取等。有需要的朋友,参考下吧。

数组的join(string val)可以将数组元素连接起来,并且用中间插入val,当在网页上交互显示下拉框内容时,可以将内容加载到数组内,再利用innerHTML将内容显示在出来。
 

复制代码 代码示例:
  <script>
   var a=new Array("cctv","sxtv","tytv");
   var a=new Array(3);
   var a=new Array();
   a[0]="cctv";
   a[1]="sxtv";
   a[2]="tytv";
   a[3]="xzy";
   document.writeln(a.join('<br>'));//如果直接用a.join(),则默认会用,分割
  </script>
 

显示:
cctv
sxtv
tytv
xzy

用这种方式连接字符串要比 s=s+”ddd”快的多

9、sort:数组排序 (从小到大)
 

复制代码 代码示例:
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]);
}

10、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

11、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>

12、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:
 }

13、利用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

14、concat:数组连接