JS array 数组用法详解

发布时间:2019-11-06编辑:脚本学堂
本文介绍了js数组的声明方式,js数组的定义方法,以及js数组遍历、js数组删除元素的方法,有需要的朋友参考学习下。

本节内容:
js数组的声明方法,js数组用法

一,js数组的声明、创建js数组的方法

1,数组的声明方法
1): arrayObj = new Array(); //创建一个数组。
var arr1 = new Array();

2):arrayObj = new Array([size]) 创建一个数组并指定长度,注意不是上限,是长度。
var a = new Array(5);

3):arrayObj = new Array([element0[, element1[, ...[, elementN]]]]) 创建一个数组并赋值。
var a = new Array(["b", 2, "a", 4,]);

4):arrayObj = [element0, element1, ..., elementN] 创建一个数组并赋值的简写,注意这里中括号不表示可省略。
var a = ["b", 2, "a", 4,];
注:注意带“[]”与不带“[]”的区别
var a = new Array(5); //指创建长度为5的数组
var a = new Array([5]); //指创建一个数组,长度为1,并且第一位是5

二,js数组的管理(js数组创建、js数组中元素访问方法、数组排序等)

1、数组的创建
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
说明,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问
var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、数组元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、数组元素的删除
arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝
arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序
arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

三,js数组遍历
方法1,js遍历数组
 

复制代码 代码示例:
<script>
var a=new array( 'a '=> 'aa ', 'b '=> 'bb ');
for(i in a)
{
alert(i);
}
</script>

方法2,js遍历数组
 

复制代码 代码示例:
var array32=new array();
     array32 =[
     ['show',10,'plan3_2_1'],['show',10,'plan3_2_2'],['show',120,'plan3_2_3'],['show',120,'plan3_2_4'],
     ['show',30,'plan3_2_5'],['show',30,'plan3_2_6'],['show',5,'plan3_2_7'],['show',10,'plan3_2_8'],
     ['show',10,'plan3_2_9'],['show',2,'plan3_2_10'],['show',2,'plan3_2_11'],['show',1,'plan3_2_12'],
     ['show',1,'plan3_2_13'],['show',1,'plan3_2_14'],['show',2,'plan3_2_15'],['show',2,'plan3_2_16'],
     ['0',0,'plan3_2_17']
     ];
  for(var i=0;i<array32.length;i++){
    var array32_tr=new array();
     array32_tr=array32[i]; 
     for(var j=0;j<array32_tr.length;j++){
      //设置select的选中状态
       var select = document.getelementbyid(array32_tr[2]+"_select");
         for(var k=0;k<select.options.length;k++){
          if(select.options[k].value==array32_tr[0]){//数组的第一项都是选中状态
         select.options[k].selected=true;
          }
          if(arraytr[0]=='show'){
          document.getelementbyid(array32_tr[2]+"_input").value=array32_tr[1];//设置input属性的值
          document.getelementbyid(array32_tr[2]+"_td").style.display='';//显示文本框
          }
        }
     }
  }

方法3,js遍历数组
 

复制代码 代码示例:
var dd = {
'a' : '111111',
'b' : '222222',
'c' : '333333'
}
dd['d'] = ['444444','55555555'];
// 遍历数组
function scan_array(arr) {
for(var key in arr) { // 这个是关键
if(typeof(arr[key]) == 'array' || typeof(arr[key]) == 'object') {// 递归调用
scan_array(arr[key]);
} else {
document.write(key + ' = ' + arr[key] + '<br>');
}
}
}

四,最后举一个js数组运算的例子,在js中传递地址。
 

复制代码 代码示例:

var t2=new Array();
t2[0]=1;
t2[1]=2;
test2(t2); //传地址(数组)

function test2(var2) {
for(var i=0;i<var2.length;i++) {
var2[i]=var2[i]+1;
}
}
for(var i=0;i<t2.length;i++) {
alert(t2[i]);
}