經常使用的Javascrip操做數組

前言

咱們常常須要對數組進行各類各樣的操做，好比數組最前面插入一項，最後面插入一項，中間插入一項等等等等。那就一次性搞定這些操做吧！

首項相關操做

首項插入: unshift

let myArray = [1, 2, 3]
myArray.unshift(0) //插入項的值爲0
myArray

---

首項刪除: shift

let myArray = [1, 2, 3]
myArray.shift()
myArray

---

末項相關操做

末項插入： push

let myArray = [1, 2, 3]
myArray.push(4) // 插入項的值爲4
myArray

---

末項刪除: pop

let myArray = [1, 2, 3]
myArray.pop() // 彈出最後一項
myArray

中間項相關操做

第i個位置插入一項或多項: splice

let myArray = ['a', 'b', 'c']
myArray.splice(1, 0, '哈哈哈', '嚯嚯嚯', '嘻嘻嘻')
myArray

解釋下splice方法就能理解了，splice可用來對數組進行刪除或者添加元素，接收兩個以上的參數：位置， 刪除多少項, 要插入的項。所以，myArray.splice(1, 0, '哈哈哈', '嚯嚯嚯', '嘻嘻嘻')翻譯過來就是: 在下標爲1的位置，刪除0項，並將哈哈哈, 嚯嚯嚯, 嘻嘻嘻插入。這樣就能夠作到只作添加不作刪除。

---

刪除第i到j項: splice

let myArray = ['a', 'b', 'c', 'd', 'e']
myArray.splice(1, 3) // 刪除b, c, d
myArray

根據上面對splice的解釋，能夠知道myArray.splice(1, 3)就是從數組下標爲1的位置開始，刪除3個元素（而且不作任何插入）

---

只保留第i到j項: slice

let myArray = ['a', 'b', 'c', 'd', 'e']
myArray = myArray.slice(2, 4)
myArray

對slice的解釋：將slice理解爲滑動選擇，接收兩個參數, 開始位置和結束位置, 即將數組中從開始位置到結束位置的元素滑出來（不包括結束位置的元素）,做爲返回值返回。所以myArray = myArray.slice(2, 4)翻譯出來就是從下標爲2的元素開始到下標爲3(注意這裏是下標爲3而不是4)的元素滑出來，做爲返回值返回從新賦值給myArray。關於slice和split的比較後面會詳細講。

總結

總結主要講一下splice和slice的區別，功能上的區別就不說了，就說幾個注意的點:

• splice會改變原數組，而slice不會，所以在用slice操做完了以後要作一次從新賦值.
• slice的接收的兩個參數分別爲2和4的時候， 最後獲得的是下標爲2到下標爲3的元素（不包括4）
• 將slice理解爲滑動,就不會記混了。