JavaScript數組是存儲同一類型元素的數據結構。JavaScript中有兩種數組:原始數組和對象數組。
原始數組只能存儲基本數據類型,例如數字、字符串、布爾值等等。如下所示,我們可以聲明一個原始數組:
var nums = [1, 2, 3, 4, 5]; console.log(nums[3]); // 輸出4
對象數組則可以存儲不同類型的元素,例如字符串、數字、布爾值、對象等等。如下所示,我們可以聲明一個對象數組:
var fruits = [ {name: "蘋果", color: "紅色"}, {name: "香蕉", color: "黃色"}, {name: "橙子", color: "橙色"} ]; console.log(fruits[1].name); // 輸出香蕉
原始數組和對象數組都有一些可以用來操作它們的方法。下面我們將介紹一些常用的方法。
1. concat()
concat() 方法用于連接兩個或多個數組。這個方法不會改變原始數組,而是返回一個新數組。
var arr1 = ["Hello", "World"]; var arr2 = ["JavaScript"]; var arr3 = arr1.concat(arr2); console.log(arr3); // 輸出 ["Hello", "World", "JavaScript"]
2. push()
push() 方法向數組的末尾添加一個或多個元素,并返回新數組的長度。
var arr = ["Hello", "World"]; var length = arr.push("JavaScript"); console.log(arr); // 輸出 ["Hello", "World", "JavaScript"] console.log(length); // 輸出 3
3. pop()
pop() 方法從數組的末尾刪除一個元素,并返回被刪除的元素。
var arr = ["Hello", "World", "JavaScript"]; var lastElement = arr.pop(); console.log(arr); // 輸出 ["Hello", "World"] console.log(lastElement); // 輸出 JavaScript
4. shift()
shift() 方法從數組的開頭刪除一個元素,并返回被刪除的元素。
var arr = ["Hello", "World", "JavaScript"]; var firstElement = arr.shift(); console.log(arr); // 輸出 ["World", "JavaScript"] console.log(firstElement); // 輸出 Hello
5. unshift()
unshift() 方法向數組的開頭添加一個或多個元素,并返回新數組的長度。
var arr = ["World", "JavaScript"]; var length = arr.unshift("Hello"); console.log(arr); // 輸出 ["Hello", "World", "JavaScript"] console.log(length); // 輸出 3
6. slice()
slice() 方法返回一個新數組,包含從開始到結束(不包含結束)的部分數組。原始數組不會被改變。
var arr = ["Hello", "World", "JavaScript"]; var partArr = arr.slice(1, 3); console.log(arr); // 輸出 ["Hello", "World", "JavaScript"] console.log(partArr); // 輸出 ["World", "JavaScript"]
7. splice()
splice() 方法用于向數組中添加或刪除元素。它可以從任何位置開始添加或刪除元素。這個方法可以改變原始數組。
var arr = ["Hello", "World", "JavaScript"]; arr.splice(1, 2, "Welcome"); console.log(arr); // 輸出 ["Hello", "Welcome"]
總結
JavaScript數組是非常有用的工具,可以存儲和操作多種類型的數據。在實際應用中,我們可以根據自己的需求選擇適合的方法操作數組。使用上面的方法,可以輕松地操作數組。