什么是數(shù)組

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

針對上面這一需求，提出了數(shù)組這一數(shù)據(jù)結構。

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

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

如何創(chuàng)建數(shù)組

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

• 利用關鍵字 new 創(chuàng)建數(shù)組。
• 利用數(shù)組字面量創(chuàng)建數(shù)組。

利用 new 創(chuàng)建數(shù)組

這里其實跟 JavaScript 中的面向?qū)ο笙嚓P，和 Java 中也類似，其語法結構為：

var 數(shù)組名 = new Array();

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

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

利用數(shù)組字面量創(chuàng)建數(shù)組

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

var 數(shù)組名 = [];

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

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

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

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

通過字面量的方式，我們就創(chuàng)建了一個含有三個初始值的數(shù)組。

獲取數(shù)組中元素

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

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

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

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

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

遍歷數(shù)組

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

還記得我們之前學習的循環(huán)么，通過循環(huán)，我們就能十分簡單地實現(xiàn)獲取數(shù)組所有元素。

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

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

接著，我們就可以通過循環(huán)來獲取到數(shù)組中的所有元素了。

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

數(shù)組新增元素

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

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

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

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

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

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

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

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

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

總結

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

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。