定義和用法
splice() 方法向/從陣列新增/刪除項目，然後傳回被刪除的項目。
註解：此方法會改變原始陣列。
語法
arrayObject.splice(index,howmany,item1,.....,itemX)
登入後複製
傳回值
#類型 | 描述 |
Array | 包含被刪除項目的新數組，如果有的話 |
說明
splice() 方法可刪除從index 處開始的零個或多個元素，並且用參數清單中宣告的一個或多個值來取代那些刪除的元素。
如果從 arrayObject 中刪除了元素，則傳回的是含有已刪除的元素的陣列。
技術細節
##################### #
浏览器支持
所有主流浏览器都支持 splice() 方法。
提示和注释
注释：请注意，splice() 方法与 slice() 方法的作用是不同的，splice() 方法会直接对数组进行修改。
实例
例子 1
在本例中，我们将创建一个新数组，并向其添加一个元素：
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")arr.splice(2,0,"William")document.write(arr + "<br />")
</script>
登入後複製
输出
George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
登入後複製
例子 2
在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")arr.splice(2,1,"William")document.write(arr)
</script>
登入後複製
输出：
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
登入後複製
例子 3
在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素：
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")arr.splice(2,3,"William")document.write(arr)
</script>
登入後複製
输出：
George,John,Thomas,James,Adrew,Martin
George,John,William,Martin
登入後複製
JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。
注意：这种方法会改变原始数组！。
1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）
2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）
3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）
示例：
1、删除功能，第一个参数为第一项位置，第二个参数为要删除几个。
array.splice(index,num)，返回值为删除内容，array为结果值。
<!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(0,2);
alert(array);//弹出c,d
alert(removeArray);//返回值为删除项，即弹出a,b
</script>
</body>
</html>
登入後複製
2、插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）
array.splice(index,0,insertValue)，返回值为空数组，array值为最终结果值
!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(1,0,'insert');
alert(array);//弹出a,insert,b,c,d
alert(removeArray);//弹出空
</script>
</body>
</html>
登入後複製
3、替换功能，第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）
array.splice(index,num,insertValue)，返回值为删除内容，array为结果值。
<!DOCTYPE html>
<html>
<body>
<script>
var array = ['a','b','c','d'];
var removeArray = array.splice(1,1,'insert');
alert(array);//弹出a,insert,c,d
alert(removeArray);//弹出b
</script>
</body>
</html>
登入後複製
以上是JavaScript刪除元素並在陣列中新增元素的方法splice()的詳細內容。更多資訊請關注PHP中文網其他相關文章！
