關於JS數組API的總結

在學習JS的道路上，數組是一個很重要的部分，數組的API不少，也很容易混淆，每次對數組操做時都要去查文檔，學習的路上也不能一直前進，有時候要停下來作作總結，我總結了平時比較經常使用的一些數組API，但願可以幫到你。

arry.push()

把一個元素增長到數組的末尾，返回值爲新數組的長度arry.length，示例：

let arry = [2, 9, 5]
let returnValue = arry.push(4)
console.log(returnValue) // 4
console.log(arry) // [2, 9, 5, 4]

arry.pop()

刪除數組中最後一個元素，返回值爲刪除的元素，示例：

let arry = [2, 9, 5]
let returnValue = arry.pop()
console.log(returnValue) // 5
console.log(arry) // [2, 9]

arry.unshift()

與push方法相似，區別在於它是在數組的前面添加元素，返回值爲新數組的長度arry.length，示例：

let arry = [2, 9, 5]
let returnValue = arry.unshift(4)
console.log(returnValue) // 4
console.log(arry) // [4, 2, 9, 5]

arry.shift()

與pop方法相似，區別在於它是刪除數組前面的元素，返回值依然是被刪除的元素，示例：

let arry = [2, 9, 5]
let returnValue = arry.shift()
console.log(returnValue) // 2
console.log(arry) // [9, 5]

由此可知，使用push和shift組合能夠實現數據的‘先進先出’固然也可使用unshift和pop

arry.reverse()

把數組反向排序，這裏要注意它會改變原來的數組，而不會建立新的數組，示例：

let arry = [2, 9, 5]
arry.reverse()
console.log(arry) // [ 5, 9, 2 ]

arry.sort()

對數組進行排序，可接受參數，參數必須是函數，若是不沒有參數 則是按照字符編碼的順序進行排序，示例：

let arry = [10, 5, 40, 1000]
console.log(arry.sort()) // [ 10, 1000, 40, 5 ]

若是數字想要按大小排列，可寫入參數：

let arr = [3, 1, 7]
console.log(arr.sort((a, b) => a - b)) // [ 1, 3, 7 ]

arry.forEach(item, index)與arry.map(item, index)

二者都是對數組遍歷，index表示數組索引，不是必須的參數區別在於map方法會返回一個新的數組，示例：

let arry = [1, 5, 10, 15];
let arry1 = arry.map( x => x + 2);
console.log(arry1) // [ 3, 7, 12, 17 ]

arry.some()

用於檢測數組中的元素是否知足指定條件,參數也是函數若是有一個元素知足條件，則表達式返回true , 剩餘的元素不會再執行檢測。若是沒有知足條件的元素，則返回false。

let arry = [1, 5, 10, 15];
console.log(arry.some(item => item > 10)) // true

arry.every()

用於檢測數組中的全部元素是否知足指定條件,只有當數組中滅一個元素都知足條件時，表達式返回true , 不然返回false，示例：

let arry = [5, 10, 15];
console.log(arry.every(item => item > 2)) // true

arry.filter()

它建立一個新的數組，原數組不變，新數組中的元素是經過檢查指定數組中符合條件的全部元素，示例：

let arry = [1, 5, 10, 15];
let arry1 = arry.filter(item => item > 5)
console.log(arry) // [ 1, 5, 10, 15 ]
console.log(arry1) // [ 10, 15 ]

arry.join()

把數組元素合併爲一個字符串，若是不帶參數，默認用逗號分隔

let arry = [5, 10, 15];
console.log(arry.join()) // 5,10,15
// 添加參數
let arry = [5, 10, 15];
console.log(arry.join('.')) // 5.10.15

arry.splice(index, hm, add)

它既能夠刪除特定的元素，也能夠在特定位置增長元素，也能夠刪除增長同時搞定，index是起始位置，hm是要刪除元素的個數，add是要增長的元素，上例子：

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
myFish.splice(2, 0, 'drum') // hm爲0 表示不刪除任何元素
console.log(myFish) // [ 'angel', 'clown', 'drum', 'mandarin', 'sturgeon' ]

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
myFish.splice(2, 1, 'drum')
console.log(myFish)  // [ 'angel', 'clown', 'drum', 'sturgeon' ]

arry.concat()

用於鏈接兩個或多個數組，返回值爲鏈接後的新數組，原數組不變，示例：

let arry1 = [1, 2, 3]
let arry2 = [4, 5, 6]
arry1.concat(arry2)
console.log(arry1.concat(arry2)) // [ 1, 2, 3, 4, 5, 6 ]

這些就是關於數組經常使用的api，能夠大膽地添加收藏，以備不時之需～