在程序語言中數組的重要性不言而喻,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知識請登陸網站官網了解詳情!