什么是數組

之前的學習中，如果我們要存儲一個值，一般都是通過變量來存儲。但如果我們現在想要存儲一系列的值，又該如何存儲呢，你可能會說可以用多個變量來進行存儲。這種方法也可以，但如果你想，一旦值過多，那豈不是就要多個變量，到時候管理就很混亂了。這時候就想，有沒有一個可以存儲多個值的數據結構，方便我們進行多個值的存儲管理呢？

針對上面這一需求，提出了數組這一數據結構。

數組是指一組數據的集合，數組中的每個數據被稱為元素，而且數組中可以存放任意類型的元素。通過使用數組，當我們需要存儲多個值時，就可以不用再去多個創建變量，而只需要創建一個數組就好了。

var num = 1; var arr = [1, 2, 3, 4, 5];

如何創建數組

既然知道了數組這種數據結構，那怎么才能創建一個數組呢。這里主要用兩種方式：

• 利用關鍵字 new 創建數組。
• 利用數組字面量創建數組。

利用 new 創建數組

這里其實跟 JavaScript 中的面向對象相關，和 Java 中也類似，其語法結構為：

var 數組名 = new Array();

除了數組名，其他都是固定的，通過這種方式，我們就創建了一個新的空數組，此時中沒有任何元素，數組長度為 0。

var arr = new Array(); console.log(arr);

利用數組字面量創建數組

除開利用關鍵字 new 來創建數組之外，也可以利用字面量來創建數組，其語法結構如下：

var 數組名 = [];

通過這種方式所創建的數組也是一個空數組，效果和利用 new 創建空數組一樣，此時數組長度為 0，里邊沒有任何元素。

var arr = []; console.log(arr);

此外，還可以創建帶有初始值的數組，其中的各個元素用逗號 , 分隔，其語法結構如下：

var 數組名 = [value1, value2, value3]; var arr = ['村雨遙', 'cunyu1943', '村雨']; console.log(arr);

通過字面量的方式，我們就創建了一個含有三個初始值的數組。

獲取數組中元素

創建好了數組，接下來就是如何拿到數組里邊的元素了。JavaScript 中，是通過索引（下標）來訪問數組中的元素的。需要注意的是，數組索引是從 0 開始的，而不是從 1 開始。

var arr = ['村雨遙', 'cunyu1943', '村雨']; // 村雨遙 console.log(arr[0]);

以上的實例中，我們通過索引獲取到了數組中的第一個元素 村雨遙。

通過索引不僅能訪問數組元素，還能設置和修改數組元素，通過 數組名[索引] 的形式即可實現。

var arr = ['村雨遙', 'cunyu1943', '村雨']; // 村雨遙 console.log(arr[0]); // 修改數組元素 arr[0] = '村雨1943' // 村雨1943 console.log(arr[0]);

遍歷數組

如果要拿到數組中的所有元素，那是不是得一個一個以 數組名[索引] 的形式來獲取呢？答案是，不用！

還記得我們之前學習的循環么，通過循環，我們就能十分簡單地實現獲取數組所有元素。

不過在那之前，我們還可以學習下如何獲取數組的長度，數組提供了一個屬性 length，通過該屬性，我們就能獲取到數組的長度（即數組中元素個數）。

var arr = ['村雨遙', 'cunyu1943', '村雨']; // 3 console.log(arr.length);

接著，我們就可以通過循環來獲取到數組中的所有元素了。

var arr = ['村雨遙', 'cunyu1943', '村雨']; for(var i = 0; i < arr.length; i++){console.log(arr[i]); }

數組新增元素

學習了創建數組、如何獲取數組元素以及遍歷數組，接下來就來看看，如何往初始化后的數組中新增元素。

先來看看第一種，我們修改數組的長度，然后再往數組里邊新增元素。

var arr = ['村雨遙', 'cunyu1943', '村雨']; console.log(arr.length); arr.length = 4; console.log(arr.length); arr[3] = '村雨1943'; console.log(arr);

通過實例結果可以看到，通過修改數組長度奏效了，數組長度從一開始的 3 變成了 4，而且數組中增加元素也成功了。

再來看看第二種，我們通過修改索引號的方式來增加數組元素。

var arr = ['村雨遙', 'cunyu1943', '村雨']; console.log(arr.length); arr[3] = '村雨1943'; console.log(arr); console.log(arr.length);

同樣達到了往數組中新增元素的效果，區別在于沒有事先修改數組長度，而是直接修改數組索引的方式來增加元素。

需要注意的時，在向數組中增加元素時，不能利用數組原有的索引來增加元素，否則會修改掉數組原有元素。

var arr = ['村雨遙', 'cunyu1943', '村雨']; // 會修改掉數組中原有元素 arr[1] = '村雨1943'; console.log(arr);

總結

以上就是今天的所有內容了，主要從數組的定義、如何創建數組、如何獲取數組中元素、遍歷數組以及新增數組元素幾個方面總結了數組的知識點。關于更多數組的操作，期待大家和我一起去探索發現！

總結

以上是生活随笔為你收集整理的JavaScript 教程「6」：数组的全部內容，希望文章能夠幫你解決所遇到的問題。

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