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