JavaScript splice()

理解掌握 splice() 方法的用法，可以從其名稱入手。

splice 翻譯成漢語具有 "剪接" 意思，恰如其名，此方法對陣列具有 "剪接" 功能。

具體的 "剪接" 操作，下文會通過程式碼例項進行詳細分析。

更多陣列內容可以參閱 JavaScript Array 陣列 一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
arr.splice(start,num,element1,.....,elementN)

引數解析：

（1）.start：必需，規定從何處 "剪" 或者 "接" 陣列元素。

（2）.num：可選，規定要 "剪" 掉陣列元素的數量。

（3）.elementN：可選，規定從 start 位置要 "接"（插入） 的新元素。

特別說明：

（1）.splice() 方法直接操作原來陣列。

（2）.返回值是被剪下掉的陣列元素組成的新陣列。

splice 既然是具有 "剪接" 的意思，那麼可以將其操作理解為 "剪" 和 "接" 兩部分。

如果只剪，而沒有接上內容，那麼就是刪除陣列元素，如果剪去的同時，又接上內容，可以認為是替換陣列元素。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr=["螞蟻部落",6,"青島市南區","奮鬥"];
console.log(arr.splice(1,2));
console.log(arr);

程式碼執行效果截圖如下：

方法有兩個引數，也就是說僅規定了 "剪"，而沒有 "接" 上任何內容。

那麼從效果上來看就是從指定位置刪除指定長度的陣列元素。

方法的返回值是由被刪除元素構成的新陣列。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr=["螞蟻部落",6,"青島市南區","奮鬥"];
console.log(arr.splice(1));
console.log(arr);

程式碼執行效果截圖如下：

如果省略第二個引數，那麼就是 "剪" 掉從 start 位置開始以後的所有元素。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr=["螞蟻部落",6,"青島市南區","奮鬥"];
console.log(arr.splice(1,2,"js教程","CSS教程","前端教程"));
console.log(arr);

程式碼執行效果截圖如下：

上面的程式碼不但進行 "剪" ，也是用指定的元素進行 "接"。