JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)詳解

更新時間：2022年04月22日 15:49:28 作者：獻(xiàn)_

在前端JavaScript編程過程中,為了開發(fā)出更具交互性的web應(yīng)用,需要對一些數(shù)組進(jìn)行處理,下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)的相關(guān)資料,需要的朋友可以參考下

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

總結(jié)

到此這篇關(guān)于JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)詳解的文章就介紹到這了,更多相關(guān)js splice()函數(shù)詳解內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: