JavaScript的splice()函數(shù)如何使用

本篇內(nèi)容主要講解“JavaScript的splice()函數(shù)如何使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“JavaScript的splice()函數(shù)如何使用”吧!

splice()函數(shù)詳解

splice() 方法向/從數(shù)組中添加/刪除項目，然后返回被刪除的項目。

注釋：該方法會改變原始數(shù)組。

參數(shù)：

index —— 必需。整數(shù)，規(guī)定添加/刪除項目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。howmany —— 必需。要刪除的項目數(shù)量。如果設(shè)置為 0，則不會刪除項目。item1, …, itemX —— 可選。向數(shù)組添加的新項目。

返回值

Array —— 包含被刪除項目的新數(shù)組，如果有的話。

一、情況一(只有一個參數(shù))

splice(index) ——> 從index的位置開始，刪除之后的所有元素(包括第index個)
若 index < 0 , 則刪除最后-index個元素
splice()函數(shù)返回刪除元素數(shù)組

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原數(shù)組為："+array + "<br />")
	array.splice(2)
	document.write("array.splice(2)的結(jié)果為：",array)
</script>

	var array = [0,1,2,3,4,5,6]
	document.write("原數(shù)組為："+array + "<br />")
	var result = array.splice(-3)
	document.write("array.splice(-3)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)

二、情況二 (兩個參數(shù))

splice(index,howmany) &mdash;&mdash;> 刪除從index位置開始的數(shù)，howmany為刪除的個數(shù)
若 howmany 小于等于 0，則不刪除

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原數(shù)組為："+array + "<br />")
	var result = array.splice(2,1)
	document.write("array.splice(2,1)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)
</script>

	var result = array.splice(2,0)
	document.write("array.splice(2,0)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)

三、情況三 (大于等于三個參數(shù))

splice(index ,howmany , item1, &hellip;, itemX )

index >0 時
(1. howmany 為 0 時 不刪除只添加 &mdash;&mdash; 在index位置前添加item1, &hellip;, itemX的數(shù)
(2. howmany > 0 刪除且添加 &mdash;&mdash; 在index位置前添加item1, &hellip;, itemX的數(shù)，并且刪除從index位置開始的數(shù)，howmany為刪除的個數(shù)index <0 時 最后一個數(shù)為 -1 依次倒數(shù)第二個數(shù)為-2
(1. howmany 為 0 時 不刪除只添加 &mdash;&mdash; 在-index位置前添加item1, &hellip;, itemX的數(shù)
(2. howmany > 0 刪除且添加 &mdash;&mdash; 在-index位置前添加item1, &hellip;, itemX的數(shù)，并且刪除從-index位置開始的數(shù)，howmany為刪除的個數(shù)

1.1

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原數(shù)組為："+array + "<br />")
	var result = array.splice(2,0,8,9)
	document.write("array.splice(2,0,8,9)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)
</script>

1.2

	var result = array.splice(5,3,8,9)
	document.write("array.splice(2,0,8,9)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)

2.1

<script type="text/javascript">
var array = [0,1,2,3,4,5,6]
document.write("原數(shù)組為："+array + "<br />")
var result = array.splice(-2,0,8,9)
document.write("array.splice(-2,0,8,9)的結(jié)果為：",array + "<br />")
document.write("刪除的內(nèi)容為：",result)
</script>

2.2

<script type="text/javascript">
	var array = [0,1,2,3,4,5,6]
	document.write("原數(shù)組為："+array + "<br />")
	var result = array.splice(-2,3,8,9)
	document.write("array.splice(-2,3,8,9)的結(jié)果為：",array + "<br />")
	document.write("刪除的內(nèi)容為：",result)
</script>

到此，相信大家對“JavaScript的splice()函數(shù)如何使用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！