首頁 > web前端 > js教程 > 整理Javascript陣列學習筆記_javascript技巧

整理Javascript陣列學習筆記_javascript技巧

WBOY
發布: 2016-05-16 15:28:59
原創
1260 人瀏覽過

1、什麼是陣列
陣列是一個值的集合,每個值都有一個索引號,從0開始,每個索引都有一個對應的值,根據需要增加更多數值。

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>
登入後複製

2、組團,並給團取個名(如何建立陣列)
使用陣列之前首先要創建,而且需要把數組本身賦至一個變數。
建立數組語法:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
登入後複製

我們建立數組的同時,也可以為數組指定長度,長度可任意指定。

複製程式碼 程式碼如下:
var myarray= new Array(8); //建立數組,儲存8個資料。

注意:
1).建立的新數組是空數組,沒有值,如輸出,則顯示undefined。
2).雖然創建數組時,指定了長度,但實際上數組都是變長的,也就是說即使指定了長度為8,仍然可以將元素存儲在規定長度以外。

 3、陣列賦值
第一步:組個巴士
第二步:依票對號入座
大巴士的1號座位是張三
大巴士的2號座位是李四
陣列表達方式:
第一步:建立數組var myarr=new Array();
第二步:賦值數組
myarr[1]=" 張三";
myarr[2]=" 李四";
建立一個數組,用於儲存5個人的數學成績:

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
登入後複製

注意:陣列每個值有一個索引號,從0開始。
第一種方法:

複製程式碼 程式碼如下:
var myarray = new Array(66,80,90,77,59); /建立數組同時可以賦值

第二種方法:
複製程式碼 程式碼如下:
var myarray = new Array[66,80,90,77,59]; /直接輸入一個陣列(稱為「字面量數組」)

4、增加一個新元素
只需使用下一個未使用的索引,任何時刻可以不斷向數組增加新元素。
myarray[5]=88; //使用新索引,為陣列增加一個新元素 

5、使用陣列元素
要得到一個數組元素的值,只需引用數組變數並提供索引,如:
第一個人的成績表示方法:myarray[0]
第三個人的成績表示方法: myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>
登入後複製

6、了解成員數量(陣列屬性length)
Length屬性表示陣列的長度,即陣列中元素的數量。

複製程式碼 程式碼如下:
myarray.length; //取得陣列myarray的長度

注意:因為陣列的索引總是由0開始,所以一個陣列的上下限分別是:0和length-1。如數組的長度是5,數組的上下限分別是0和4。

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54
登入後複製

同時,JavaScript數組的length屬性是可變的,這一點需要特別注意。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
登入後複製

陣列隨元素的增加,長度也會改變,如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
登入後複製

7、二維陣列
一維數組,我們看成一組盒子,每個盒子只能放一個內容。
一維數組的表示: myarray[ ]
二維數組,我們看成一組盒子,但每個盒子裡還可以放多個盒子。
二維數組的表示: myarray[ ][ ]
注意: 二維數組的兩個維度的索引值也是從0開始,兩個維度的最後一個索引值為長度-1。
1). 二維陣列的定義方法一

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }
登入後複製

2). 二維陣列的定義方法二

複製代碼 代碼如下:
 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3 , ]]

3). 賦值
複製程式碼 程式碼如下:
myarr[0][1]=5; //將5的值傳入到數組中,覆蓋原有值。

說明: myarr[0][1] ,0 表示表格的行,1表示表格的列。

以上就是關於Javascript陣列的全部內容,是對Javascript陣列的進一步學習,希望大家喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板