快捷導(dǎo)航

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

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

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

splice()函數(shù)詳解

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

注釋：該方法會(huì)改變?cè)紨?shù)組。

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

返回值
Array —— 包含被刪除項(xiàng)目的新數(shù)組，如果有的話。

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

splice(index) ——> 從index的位置開(kāi)始，刪除之后的所有元素(包括第index個(gè))
若 index < 0 , 則刪除最后-index個(gè)元素
splice()函數(shù)返回刪除元素?cái)?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)

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

splice(index,howmany) ——> 刪除從index位置開(kāi)始的數(shù)，howmany為刪除的個(gè)數(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)

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

splice(index ,howmany , item1, …, itemX )
index >0 時(shí)
(1. howmany 為 0 時(shí) 不刪除只添加 —— 在index位置前添加item1, …, itemX的數(shù)
(2. howmany > 0 刪除且添加 —— 在index位置前添加item1, …, itemX的數(shù)，并且刪除從index位置開(kāi)始的數(shù)，howmany為刪除的個(gè)數(shù)index <0 時(shí) 最后一個(gè)數(shù)為 -1 依次倒數(shù)第二個(gè)數(shù)為-2
(1. howmany 為 0 時(shí) 不刪除只添加 —— 在-index位置前添加item1, …, itemX的數(shù)
(2. howmany > 0 刪除且添加 —— 在-index位置前添加item1, …, itemX的數(shù)，并且刪除從-index位置開(kāi)始的數(shù)，howmany為刪除的個(gè)數(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: