數組對象的作用是：使用單獨的變量名來存儲一系列的值。

創建數組, 為其賦值：

var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW";

什么是數組?

數組對象是使用單獨的變量名來存儲一系列的值。

如果你有一組數據（例如：車名字），存在單獨變量如下所示：

var car1="Saab";
var car2="Volvo";
var car3="BMW";

然而，如果你想從中找出某一輛車？并且不是3輛，而是300輛呢？這將不是一件容易的事！

最好的方法就是用數組。

數組可以用一個變量名存儲所有的值，并且可以用變量名訪問任何一個值。

數組中的每個元素都有自己的的ID，以便它可以很容易地被訪問到。

創建一個數組

創建一個數組，有三種方法。

下面的代碼定義了一個名為 myCars的數組對象：

1: 常規方式:

var myCars=new Array();
myCars[0]="Saab";??????
myCars[1]="Volvo";
myCars[2]="BMW";

2: 簡潔方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

訪問數組

通過指定數組名以及索引號碼，你可以訪問某個特定的元素。

以下實例可以訪問myCars數組的第一個值：

var name=myCars[0];

以下實例修改了數組 myCars 的第一個元素:

myCars[0]="Opel";

在一個數組中你可以有不同的對象

所有的JavaScript變量都是對象。數組元素是對象。函數是對象。

因此，你可以在數組中有不同的變量類型。

你可以在一個數組中包含對象元素、函數、數組：

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

數組方法和屬性

使用數組對象預定義屬性和方法：

var x=myCars.length???????????? // myCars 中元素的數量
var y=myCars.indexOf("Volvo")?? // "Volvo" 值的索引值

合并兩個數組

var hege = ["Cecilie", "Lone"]; var stale = ["Emil", "Tobias", "Linus"]; var children = hege.concat(stale); document.write(children);//Cecilie,Lone,Emil,Tobias,Linus

合并三個數組

var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family);//Jani,Tove,Stale,Kai Jim,Borge,Cecilie,Lone

用數組的元素組成字符串

<p id="demo">點擊按鈕將數組作為字符串輸出。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];var x=document.getElementById("demo");x.innerHTML=fruits.join(); }

刪除數組最后一個元素

<p id="demo">單擊按鈕刪除數組的最后一個元素。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.pop();var x=document.getElementById("demo");x.innerHTML=fruits; }

數組的末尾添加新的元素

<p id="demo">單擊按鈕給數組添加新的元素。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.push("Kiwi")var x=document.getElementById("demo");x.innerHTML=fruits; }

將一個數組的元素翻轉排序

<p id="demo">單擊按鈕將數組反轉排序。</p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){fruits.reverse();var x=document.getElementById("demo");x.innerHTML=fruits; }

刪除數組的第一個元素

<p id="demo">單擊按鈕刪除數組的第一個元素。</p> <p id="demo2"></p> <button onclick="myFunction()">點我</button> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; function myFunction(){var delell = fruits.shift();var x=document.getElementById("demo");x.innerHTML= '刪除后數組為：' + fruits;document.getElementById("demo2").innerHTML= '刪除的元素是：' + delell; }

從一個數組中選擇元素

<p id="demo">點擊按鈕截取數組下標 1 到 2 的元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];var citrus = fruits.slice(1,3);var x=document.getElementById("demo");x.innerHTML=citrus; }

排序

<p id="demo">單擊按鈕升序排列數組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.sort();var x=document.getElementById("demo");x.innerHTML=fruits; } <p id="demo">單擊按鈕升序排列數組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var points = [40,100,1,5,25,10];points.sort(function(a,b){return a-b});var x=document.getElementById("demo");x.innerHTML=points; }<p id="demo">單擊按鈕降序排列數組。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var points = [40,100,1,5,25,10];points.sort(function(a,b){return b-a});var x=document.getElementById("demo");x.innerHTML=points; }

在數組的第二個位置添加一個元素

<p id="demo">點擊按鈕向數組添加元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2,0,"Lemon","Kiwi");var x=document.getElementById("demo");x.innerHTML=fruits; }

轉換數組到字符串

<p id="demo">點擊按鈕將數組轉為字符串并返回。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];var str = fruits.toString();var x=document.getElementById("demo");x.innerHTML= str; }

在數組的開頭添加新元素

<p id="demo">單擊按鈕在數組中插入元素。</p> <button onclick="myFunction()">點我</button> <script> function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.unshift("Lemon","Pineapple");var x=document.getElementById("demo");x.innerHTML=fruits; }

總結

以上是生活随笔為你收集整理的【javascript高级教程】JavaScript Array（数组） 对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。