隨著Web技術的不斷發(fā)展,Javascript作為一門前端編程語言越來越重要。Javascript中的數組操作函數,是十分常用的一種函數,下面我們一起來學習一下。
Javascript中有很多在數組上進行操作的方法,如push、pop、shift、unshift、concat、join等等。下面我們詳細來了解一下這些方法。
1. push()方法可以將一個或多個值添加到數組的末尾。如下:
var arr1 = [1, 2, 3]; arr1.push(4, 5); //arr1 = [1, 2, 3, 4, 5]
2. pop()刪除數組最后一個元素。如下:
var arr2 = [5, 6, 7]; arr2.pop(); //arr2 = [5, 6]
3. shift()方法刪除數組的第一個元素。如下:
var arr3 = [4, 7, 8]; arr3.shift(); //arr3 = [7, 8]
4. unshift()方法可以將一個或多個元素添加到數組的開頭。如下:
var arr4 = [3, 4, 5]; arr4.unshift(1, 2); //arr4 = [1, 2, 3, 4, 5]
5. concat()方法僅在新數組中返回兩個或多個數組的組合。如下:
var arr5 = [1, 2]; var arr6 = [3, 4]; var arr7 = arr5.concat(arr6); //arr7 = [1, 2, 3, 4]
6. join()方法返回一個從數組元素組合而成的字符串。我們可以手動指定各個元素之間的字符。如下:
var arr8 = [1, 2, 3]; var str = arr8.join("-"); //str = "1-2-3"
還有一些其他的重要的數組操作函數, 如slice()、splice()、sort()、reverse()等等。
7. slice()方法通過從指定索引處刪除或提取元素來創(chuàng)建一個新數組。它可以接受兩個參數,一個是開始索引,一個是結束索引。如下:
var arr9 = [1, 2, 3, 4, 5]; var arr10 = arr9.slice(1, 4); //arr10 = [2, 3, 4]
8. splice()方法用于添加/刪除數組中的項目。它可以接受3個參數,第一個是要刪除元素的起始索引,第二個是要刪除的元素數量,第三個以后就是要添加的新元素。如下:
var arr11 = [1, 2, 3, 4, 5]; arr11.splice(2, 0, 'a', 'b'); //arr11 = [1, 2, 'a', 'b', 3, 4, 5] arr11.splice(2, 2, 'x', 'y'); //arr11 = [1, 2, 'x', 'y', 4, 5]
9. sort()方法用于對數組進行排序。sort()可以接受一個函數作為參數,用于指定排序的規(guī)則。如下:
var arr12 = [23, 4, 55, 6, 3]; arr12.sort(function(a, b){return a-b}); //arr12 = [3, 4, 6, 23, 55] arr12.sort(function(a, b){return b-a}); //arr12 = [55, 23, 6, 4, 3]
10. reverse()方法翻轉數組元素的順序。如下:
var arr13 = [1, 2, 3, 4, 5]; arr13.reverse(); //arr13 = [5, 4, 3, 2, 1]
以上是一些常用的數組操作函數,對于理解Javascript數組的操作非常重要。在日常的前端開發(fā)中,我們會發(fā)現(xiàn)很多時候需要進行數組操作,因此掌握這些函數非常重要。