DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 整理Javascript數組學習筆記
整理Javascript數組學習筆記
編輯:關於JavaScript     

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數組的進一步學習,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved