JavaScript 數組（遍歷數組）

1 - 數組

1.1 數組的概念

• 數組可以把一組相關的數據一起存放，並提供方便的訪問(獲取）方式。
• 數組是指一組數據的集合，其中的每個數據被稱作元素，在數組中可以存放任意類型的元素。數組是一種將一組數據存儲在單個變量名下的優雅方式。

1.2 創建數組

JS 中創建數組有兩種方式：

• 利用 new 創建數組

var 數組名 = new Array() ；
var arr = new Array();   // 創建一個新的空數組

注意 Array () ，A 要大寫

• 利用數組字面量創建數組

  //1. 使用數組字面量方式創建空的數組
  var  數組名 = []；
  //2. 使用數組字面量方式創建帶初始值的數組
  var  數組名 = ['小白','小黑','大黃','瑞奇'];
  

  • 數組的字面量是方括號 [ ]
  • 聲明數組並賦值稱爲數組的初始化
  • 這種字面量方式也是我們以後最多使用的方式

• 數組元素的類型

  數組中可以存放任意類型的數據，例如字符串，數字，布爾值等。

  var arrStus = ['小白',12,true,28.9];
  

1.3 獲取數組中的元素

​ 索引 (下標) ：用來訪問數組元素的序號（數組下標從 0 開始）。

​ 數組可以通過索引來訪問、設置、修改對應的數組元素，可以通過“數組名[索引]”的形式來獲取數組中的元素。

// 定義數組
var arrStus = [1,2,3];
// 獲取數組中的第2個元素
alert(arrStus[1]);    

注意：如果訪問時數組沒有和索引值對應的元素，則得到的值是undefined

1.4 遍歷數組

• 數組遍歷

  ​ 把數組中的每個元素從頭到尾都訪問一次（類似學生的點名），可以通過 for 循環索引遍歷數組中的每一項

var arrStus = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
    console.log(arrStus[i]);
}

• 數組的長度

  數組的長度：默認情況下表示數組中元素的個數

  使用“數組名.length”可以訪問數組元素的數量（數組長度）。

  var arrStus = [1,2,3];
  alert(arrStus.length);  // 3
  

  注意：

  • 此處數組的長度是數組元素的個數 ，不要和數組的索引號混淆。

• 當我們數組裏面的元素個數發生了變化，這個 length 屬性跟着一起變化

  • 數組的length屬性可以被修改：

• 如果設置的length屬性值大於數組的元素個數，則會在數組末尾出現空白元素；

  • 如果設置的length屬性值小於數組的元素個數，則會把超過該值的數組元素刪除

1.5 數組中新增元素

​ 數組中可以通過以下方式在數組的末尾插入新元素：

  數組[ 數組.length ] = 新數據;