Javascript 數組的工作方式與大多數編程語言的數組類似。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">//創建和填充數組var myArray = new Array();myArray[0] = 100;myArray[1] = "Luka";myArray[2] = true;</script></body></html>
創建數組的時候不需要聲明數組中元素的個數。 Javascript數組會自動調整大小以便容納所有元素。
不必聲明數組所含數據的類型。JavaScript數組可以混合包含各種數據的類型 。
1. 使用數組字面量
使用字面量，可以在一條語句中創建和填充數組。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">var myArray = [100,"Luka",true];</script></body></html>
此例通過在一對方括號（[ 和 ]）之間指定所需要數組元素的方法創建了一個新數組，并將其賦給變量 myArray 。
2. 讀取和修改數組內容
要讀取指定索引位置的數組元素值，應使用一對方括號（[ 和 ]）并將索引值放在方括號間。JavaScript數組的索引值從0開始。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">var myArray = [100,"Luka",true];//讀取指定索引位置的數組元素值document.writeln("Index 0:"+myArray[0]+"<br />");//修改數組myArray[0] = "Monday";document.writeln("Index 0:"+myArray[0]);</script></body></html> 輸出結果：
Index 0:100
Index 0:Monday
3. 枚舉數組內容
可以用 for 循環枚舉數組內容。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">var myArray = [100,"Luka",true];for(var i= 0;i < myArray.length;i++){document.writeln("Index "+i+": "+myArray[i]+"<br />")}</script></body></html> 輸出結果：
Index 0: 100
Index 1: Luka
Index 2: true
3. 使用內置的數組方法
Javascript 中的Array 對象定義了許多方法。下圖羅列了一些最常用的方法。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>learn4Array</title></head><body><script type="text/javascript">var myArray1 = [100,"Luka"];var myArray2 = [true];//concat(<otherArray>)var myArray = myArray1.concat(myArray2);for(var i= 0;i < myArray.length;i++){document.writeln("myArray["+i+"]: "+myArray[i]+"<br />")}document.writeln("<br />");//join(<separator>)var strArray = myArray.join('-');document.writeln(strArray+"<br />");document.writeln("<br />");//pop()myArray.pop();document.writeln(myArray+"<br />");document.writeln("<br />");//push(<item>)myArray.push("Hello Javascript",200);document.writeln(myArray+"<br />");document.writeln("<br />");//reverse()myArray = myArray.reverse();document.writeln(myArray+"<br />");document.writeln("<br />");//shift()myArray.shift();;document.writeln(myArray+"<br />");document.writeln("<br />");//slice(<start>,<end>)document.writeln( myArray.slice(1,3)+"<br />");document.writeln( myArray.slice(0)+"<br />");document.writeln("<br />");//sort()function sortNumber(a,b){return b - a;}var myArray3 = ["George","John","Thomas","James","Adrew","Martin"];var myArray4 = [10,5,40,25,1000,1];document.writeln( myArray3.sort()+"<br />");document.writeln( myArray4.sort()+"<br />");//使用一個排序函數,按照數值的大小對數字進行排序document.writeln( myArray4.sort(sortNumber)+"<br />");document.writeln("<br />");//unshift(<item>)myArray.unshift(1,2);document.writeln(myArray+"<br />");</script></body></html> 輸出結果：
myArray[0]: 100
myArray[1]: Luka
myArray[2]: true
100-Luka-true
100,Luka
100,Luka,Hello Javascript,200
200,Hello Javascript,Luka,100
Hello Javascript,Luka,100
Luka,100
Hello Javascript,Luka,100
Adrew,George,James,John,Martin,Thomas
1,10,1000,25,40,5
1000,40,25,10,5,1
1,2,Hello Javascript,Luka,100
以上內容是小編給大家介紹的Javascript基礎之數組的使用，希望對大家有所幫助！
新聞熱點
疑難解答
