JavaScript中splice與slice有什么不同？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)是一家專業(yè)提供韶山企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為韶山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

splice與slice是數(shù)組中的兩個(gè)常用方法，但是很多初學(xué)者很容易將二者混淆。

slice的操作不影響原數(shù)組。會(huì)返回所選擇的元素。

splice往數(shù)組中指定位置添加或刪除元素，會(huì)影響原數(shù)組。返回被刪除的元素。

slice()

可從已有的數(shù)組中返回選定的元素。

語法

arrayObject.slice(start,end)

start 必需。規(guī)定從何處開始選取。如果是負(fù)數(shù)，那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說，-1 指最后一個(gè)元素，-2 指倒數(shù)第二個(gè)元素，以此類推。

end 可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù)，那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù)，那么它規(guī)定的是從數(shù)組尾部開始算起的元素。

var arr = [1,2,3,4,5,6]
arr.slice(2, 3) //返回[3]

splice()

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

注釋：該方法會(huì)改變?cè)紨?shù)組。
arrayObject.splice(index,howmany,item1,.....,itemX)

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)目。

如，向數(shù)組的起始位置插入一個(gè)新的元素  -1

var arr = [1,2,3,4,5,6]
arr.splice(0,0, -1) //返回[]，第二個(gè)參數(shù)為0，即不刪除任何元素
console.log(arr)

> [-1, 1, 2, 3, 4, 5, 6]

用slice復(fù)制數(shù)組

使用 slice(0) 可以快速?gòu)?fù)制并生成 一個(gè)新的數(shù)組，不過數(shù)組是新的，里面的元素還是原來的引用，比如：

var o = [1, 2]
var arr = [ 3, 4, o ]
var clone = arr.slice(0)
console.log(clone)
> [3, 4, Array[2]]

用concat復(fù)制數(shù)組

Array.concat 數(shù)組拼接函數(shù)也可以用來復(fù)制數(shù)組，比如：

var o = [1, 2]
var arr = [ 3, 4, o ]
var clone = arr.concat()
console.log(clone)
> [3, 4, Array[2]]

不過 slice和concat 生成的數(shù)組是新的，但里面的元素還是原來的引用，比如：

clone[2].push(3)
console.log(o)
> [1, 2, 3]

用JSON parse/ strinigfy 進(jìn)行深度復(fù)制

可以使用 JSON.parse(JSON.stringify(arr)) 對(duì)對(duì)象或數(shù)組進(jìn)行快速深度復(fù)制，此種方法無法復(fù)制 function 等無法序列化的對(duì)象，比如：

var o = [1, 2]
var arr = [ 3, 4, o ]
var clone = JSON.parse(JSON.stringify(arr))
console.log(clone)

> [3, 4, Array[2]]


clone[2].push(3)
console.log(o)
> [1, 2] //o元素沒有變化

關(guān)于JavaScript中splice與slice有什么不同問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞名稱：JavaScript中splice與slice有什么不同-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://www.rwnh.cn/article6/ccisog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、Google、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、定制網(wǎng)站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)