JavaScript學習筆記之數組的增、刪、改、查_javascript技巧

在程式語言中數組的重要性不言而喻，JavaScript中數組也是最常使用的物件之一，數組是值的有序集合，由於弱類型的原因，JavaScript中數組十分靈活、強大，不像是Java等強型別高階語言陣列只能存放相同型別或其子型元素，JavaScript在同一個陣列中可以存放多種型別的元素，而且是長度也是可以動態調整的，可以隨著資料增加或減少自動對數組長度做更改。

陣列是JavaScript中常見的一個對象，它有一些經典的操作，像是陣列的增、刪、改、查。在這篇文章中主要整理這方面的相關操作方法。

增加陣列項目

先來看如何為一個陣列增加數組項。假設有一個陣列:

var arr = [];

上面宣告了一個數組，但這個數組是一個空數組 [] ，其 length 的值為 0 。接下來我們來看如何為陣列 arr 增加陣列項目。最簡單的方法可以用索引值方式，為數組增加數組項：

var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 1;
arr[3] = 2;
console.log(arr); // ["a", "b", 1, 2]
console.log(arr.length); // 4

另外也可以透過改為數組的 length 值給數組增加數組項，不過這種方法給數組增加的數組項都是 undefined :

var arr = [];
arr[0] = 'a'; // 给数组arr添加一个`a`数组项
arr.length = 5; // 改变数组的`length`值为`5`
console.log(arr); // ["a", undefined × 4]

雖然這種方法也為數組增加了數組項，但相對來說都較為麻煩。其實給數組添加數組項，沒有這麼麻煩，可以透過數組提供的原生方法為數組添加數組項。

push()

使用 push() 方法可以為數組末尾添加一個或多個數組項。

var arr = [];
arr.push('a','b');
console.log(arr); // ['a','b']
unshift()

使用 push() 方法可以為數組末尾添加一個或多個數組項，那麼使用 unshift() 方法可以在數組的前面添加一個或多個數組項：

var arr = ['a','b'];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]

除了這兩種方法之外，還可以使用 splice() 方法為數組添加數組項：

var arr = ['a','b','c',1,2];
arr.splice(2,0,'d','c','e');
console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2]

另外除了 splice() 方法之外還可以使用 concat() 方法可以為數組添加數組項，只不過使用這種方法不會改變原數組，會在原始數組中創建一個新數組：

var arr = ['a','b','c'];
var arr2 = arr.concat('d',1,2,['e',3]);
console.log(arr); // ["a", "b", "c"]
console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3]

刪除陣列項目

對於數組的操作，除了增加數組項，很多時候還需要對數組進行刪除操作。刪除陣列項目常用的方法有 pop() 和 shift() 兩種方法。

pop()

pop() 方法可以從陣列的結尾刪除一個陣列項目：

var arr = ['a','b','c','d',1,2];
arr.pop();
console.log(arr); // ["a", "b", "c", "d", 1]

shift()

shift() 方法和 pop() 方法剛好相反，它可以刪除陣列的第一項：

var arr = ['a','b','c','d',1,2];
arr.shift();
console.log(arr); // ["b", "c", "d", 1, 2]

不管是 pop() 或 shift() 方法每次只能給數組刪除一個數組項，但很多時候這樣刪除數組項相對來說是比較麻煩的。在陣列的操作中，除了這兩種方法之外，還可以透過 slice() 和 splice() 方法來刪除陣列項目。

slice()

slice() 方法可以給一個數組中刪除多個數組項，只不過不同的是， slice() 不會影響原始數組，只是會在原始數組基礎上創建一個數組副本：

var arr = [1,2,3,4,'a','b'];
var arr2 = arr.slice(2);
console.log(arr); // [1, 2, 3, 4, "a", "b"]
console.log(arr2); // [3, 4, "a", "b"]
console.log(arr3); // ["a", "b"]

splice()

splice() 方法除了能為陣列新增陣列項目之外，還可以為陣列刪除陣列項目：

var arr = [1,2,3,4,'a','b','c'];
var arr2 = arr.splice(2,2);
console.log(arr); // [1, 2, "a", "b", "c"]
console.log(arr2); // [3, 4]

改數組

數組中 splice() 方法是數組中一個強大的方法，其除了可以為數組添加數組項、刪除數組項之外，還可以更改一個數組：

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(2,3,'a','b','c');
console.log(arr); // [1, 2, "a", "b", "c", 6]
console.log(arr2); // [3, 4, 5]

陣列的查詢

這裡所說的陣列查詢其實指的是陣列的查詢擷取。其使用的方法為 slice() 方法:

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-3);
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr2); // [4, 5, 6]

總結

這裡簡單的整理了一個陣列的增、刪、改、查的相關方法。簡單的總結：

增加數組項方法：除了直接改變數組項的值和修改數組的length 給數組添加數組項方法之外，還可以使用push() 、 unshift() 、 concat() 和splice() 添加數組項

刪除陣列項目方法：刪除陣列項目方法有 pop() 、 shift() 、 slice() 和 splice() 方法

改變數組項方法：在數組中主要透過 splice() 方法來改變數組項

查詢陣列項目方法： 查詢陣列項目方法其實就是對陣列做查詢擷取功能，主要使用的方法是 slice() 方法

有關於 pop() 、 push() 、 shift() 和 unshift() 操作方法可以點擊這裡；關於 concat() 、 slice() 和 splice() 方法的相關介紹可以點擊這裡。

有關JavaScript學習筆記之數組的增、刪、改、查小編就給大家介紹到這裡，希望對大家有所幫助！更多有關javascript知識請登陸腳本之家網站官網了解詳情！