原生JS中slice()方法和splice()區(qū)別
slice()方法和splice()方法都是原生js中對(duì)數(shù)組操作的方法。那么他兩種有什么區(qū)別呢?今天通過(guò)本文教程給大家簡(jiǎn)單介紹下。
slice(),返回一個(gè)新的數(shù)組,該方法可從已有的數(shù)組中返回選定的元素。例如:arrObject(start,end),start是必選的。規(guī)定從何處開(kāi)始選取,如果是負(fù)數(shù),則是從數(shù)組元素尾部選取,也就是說(shuō)-1指最后一個(gè)元素,-2指倒數(shù)第二個(gè)元素;end是可選元素。規(guī)定從何處結(jié)束選取。該參數(shù)沒(méi)有,表示從開(kāi)始位置截取到數(shù)組末尾,如果是負(fù)數(shù),表示從數(shù)組末尾向前截取元素。該方法不會(huì)修改原數(shù)組,如果想刪除數(shù)組中某一段元素,使用splice()方法。
splice(),數(shù)組中添加/刪除元素。例如:arrayObject.splice(index,howmany,item1,.....,itemX)。index是必選的,規(guī)定添加/刪除項(xiàng)目的位置。howmany必須項(xiàng),表示刪除項(xiàng)目的個(gè)數(shù),如果為0表示不刪除元素。splice()可刪除從index開(kāi)始的howmany個(gè)元素,并可以用item元素替代刪除的元素。item可選參數(shù),表示新添加的項(xiàng)。
用法如:
(1):
var arr = new Array(5); arr[0] = "amy"; arr[1] = "elice"; arr[2] = "divi"; arr[3] = "lvy"; arr[4] = "marry"; arr.splice(1, 0, "willian"); console.log(arr); //輸出:amy,willian,elice,divi,lvy,在數(shù)組第一個(gè)位置增加一個(gè)元素,其值是"willian"
(2):
var arr = new Array(5); arr[0] = "amy"; arr[1] = "elice"; arr[2] = "divi"; arr[3] = "lvy"; arr[4] = "marry"; arr.splice(1, 2, "willian"); console.log(arr); //輸出:amy,willian,lvy,從數(shù)組第一個(gè)位置起刪除兩個(gè)元素,并用新的元素“willian”代替刪除的元素。
以上所述是小編給大家介紹的原生JS中slice()方法和splice()區(qū)別,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript 日期時(shí)間選擇器一些小結(jié)
flatpickr 是一個(gè)輕量級(jí)、注重精益、由 UX 驅(qū)動(dòng)和可擴(kuò)展的 JavaScript 日期時(shí)間選擇器。這篇文章主要介紹了JavaScript 日期時(shí)間選擇器,需要的朋友可以參考下2018-04-04微信小程序與公眾號(hào)實(shí)現(xiàn)數(shù)據(jù)互通的方法
這篇文章主要介紹了微信小程序與公眾號(hào)實(shí)現(xiàn)數(shù)據(jù)互通的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07如何通過(guò)JavaScript來(lái)實(shí)現(xiàn)頁(yè)面間數(shù)據(jù)傳遞
這篇文章主要給大家介紹了關(guān)于如何通過(guò)JavaScript來(lái)實(shí)現(xiàn)頁(yè)面間數(shù)據(jù)傳遞的相關(guān)資料,在前端開(kāi)發(fā)中我們常常需要從一個(gè)跳到另一個(gè)頁(yè)面,并且將當(dāng)前頁(yè)面的數(shù)據(jù)傳遞過(guò)去,需要的朋友可以參考下2023-11-11JS簡(jiǎn)單編號(hào)生成器實(shí)現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS簡(jiǎn)單編號(hào)生成器實(shí)現(xiàn)方法,涉及JavaScript針對(duì)表單與字符串操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04JS中call(),apply(),bind()函數(shù)的區(qū)別與用法詳解
這篇文章主要介紹了JS中call(),apply(),bind()函數(shù)的高級(jí)用法詳解,需要的朋友可以參考下2022-12-12javascript table美化鼠標(biāo)滑動(dòng)單元格變色
效果非常不錯(cuò)的table美化,當(dāng)鼠標(biāo)滑過(guò)去,背景色變換效果2008-06-06javascript執(zhí)行環(huán)境及作用域詳解
這篇文章主要為大家詳細(xì)介紹了javascript執(zhí)行環(huán)境及作用域,分別針對(duì)javascript執(zhí)行環(huán)境及作用域進(jìn)行探討,感興趣的小伙伴們可以參考一下2016-05-05