JavaScript 的 shift、unshift、splice、slice 使用情形

這幾個方法或多或少都會用到，不過還是有些細節可以記錄一下，像是 splice 除了移除

元素之外，還支援替換或新增元素，特此紀錄一下...

shift 方法

功能

從陣列的開頭移除第一個元素，並返回該元素。

語法

範例

unshift 方法

功能

在陣列的開頭新增一個或多個元素，並返回新的陣列長度。

語法

範例

splice 方法

功能

用於修改陣列的內容，可以移除、替換或新增元素。

語法

• startIndex: 開始操作的索引位置。

• deleteCount: 要移除的元素數量。

• item1, item2, ...: 要新增的元素（可選）。

範例

• 移除元素

• 替換元素

其中若有被替換的元素還是會回傳，可以在第二行指定(如 let removed = ...)

• 新增元素

其中由於 splice(1,0) 故沒有需要被移除的元素，故設定接收回傳的元素，就會是空陣列

slice 方法

功能

從陣列中提取部分元素，並返回一個新陣列。原始陣列不會被改變。

語法

• startIndex: 開始提取的索引（包含）。

• endIndex: 結束提取的索引（不包含，選填）。

範例

• 提取部分陣列

• 複製整個陣列

比較與選擇使用時機

參考

• mdn - unshift

• mdn - shift

• mdn - splice

• mdn - slice