JavaScript數組賦值詳解
JavaScript 是一種動態類型語言,它允許我們在任何時候在一個變量中存儲任何類型的數據。其中最有用且強大的語言特性之一就是數組。在 JavaScript 中的數組是一個用來存儲更多數據的變量。本文將深入淺出地介紹 JavaScript 數組的賦值方法。
1. 數組字面量形式賦值
JavaScript 中的數組可以使用下面格式的字面量形式指定值:
var array = [item1, item2, ..., itemN];
在上面這種形式下,我們可以使用逗號分隔各個項目,并將它們放在方括號([])中指定數組的值。例如:
var colors = ["red", "green", "blue"];
上述代碼創建了一個擁有三個元素的數組,這個數組分別包含 String 類型值 "red"、"green" 和 "blue"。可以通過下標值來訪問數組的元素:
console.log(colors[0]); // 輸出 "red"
console.log(colors[1]); // 輸出 "green"
console.log(colors[2]); // 輸出 "blue"
2. 通過 new Array() 方法賦值
我們還可以通過 Array 對象的構造函數來創建數組:
var array = new Array(element0, element1, ..., elementN);
例如:
var numbers = new Array(1, 2, 3);
它與上面創建的數組效果一樣。我們也可以通過此方式來增大數組長度,例如:
var numbers = new Array(10); // 創建一個包含10個元素的數組
上面的代碼創建了一個引用10個元素的數組,這些元素的值均未定義。如果需要給這些元素賦值可以使用下標:
numbers[0] = "zero"; // 賦值第一個元素
3. 數組的 length 屬性特性賦值
JavaScript 的數組還有 length 屬性,可以方便地為數組賦值。例如:
var fruits = [];
fruits[0] = "apple";
fruits[1] = "banana";
fruits[2] = "orange";
fruits.length; // 3
length 屬性指示數組的元素數目,若新賦值的項索引大于原始的長度,則原來的數組將被增大。
4. 數組的 push() 方法賦值
JavaScript 還提供了一個 push() 方法來為數組添加新元素,該方法可一次添加一個或多個元素到數組尾部。
var fruits = ["apple", "banana"];
fruits.push("orange"); // 向末尾添加一個值
fruits.push("peach", "pineapple"); // 向末尾添加多個值
這個方法的效果與下面的代碼片段實現是一致的:
var fruits = ["apple", "banana"];
fruits[fruits.length] = "orange";
fruits[fruits.length] = "peach";
fruits[fruits.length] = "pineapple";
5. 數組的合并操作
一些情況下我們需要將兩個數組合并成一個新數組,這時我們可以使用 concat() 方法,該方法并不會改變已存在的數組。
var arr1 = ["apple", "banana"];
var arr2 = ["orange", "peach", "pineapple"];
var arr3 = arr1.concat(arr2); // 合并兩個數組
console.log(arr3); // ["apple", "banana", "orange", "peach", "pineapple"]
6. 數組的遍歷
除了上述方法外,我們還需要經常遍歷數組來訪問或處理每個元素。
方法一:for 循環
var arr = ["apple", "orange", "banana"];
for (var i = 0; i< arr.length; i++) {
console.log(arr[i]);
}
方法二:forEach 方法
var arr = ["apple", "orange", "banana"];
arr.forEach(function (item, index, array) {
console.log(item, index);
});
上面兩個方法中,for 循環可以在任意散列數據類型上使用,而 forEach 只能在數組上使用。
總結
JavaScript 數組提供了幾種方便易用的方式來為數組賦值,我們可以根據自己的需求來選擇最合適的方式。