原生JS中slice()方法和splice()區(qū)別
slice()方法和splice()方法都是原生js中對(duì)數(shù)組操作的方法。那么他兩種有什么區(qū)別呢？今天通過本文教程給大家簡(jiǎn)單介紹下。
slice()，返回一個(gè)新的數(shù)組，該方法可從已有的數(shù)組中返回選定的元素。例如：arrObject(start，end)，start是必選的。規(guī)定從何處開始選取，如果是負(fù)數(shù)，則是從數(shù)組元素尾部選取，也就是說-1指最后一個(gè)元素，-2指倒數(shù)第二個(gè)元素；end是可選元素。規(guī)定從何處結(jié)束選取。該參數(shù)沒有，表示從開始位置截取到數(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開始的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ì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
javascript基礎(chǔ)語(yǔ)法學(xué)習(xí)筆記
這篇文章主要為大家分享了javascript基礎(chǔ)語(yǔ)法學(xué)習(xí)筆記，幫助大家夯實(shí)javascript基礎(chǔ)知識(shí)，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JS正則子匹配用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了js正則字匹配的概念、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)帶動(dòng)畫返回頂部的方法詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)帶動(dòng)畫返回頂部的效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-08-08
JavaScript創(chuàng)建對(duì)象的幾種方式及關(guān)于this指向問題
這篇文章主要介紹了JavaScript創(chuàng)建對(duì)象的幾種方式及關(guān)于this指向問題，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值。需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了javascript文本模板用法,實(shí)例分析了文本模板的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JavaScript實(shí)現(xiàn)精美個(gè)性導(dǎo)航欄筋斗云效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)精美個(gè)性導(dǎo)航欄筋斗云效果，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了Javascript如何遍歷table中的元素,需要的朋友可以參考下2014-07-07
在本文深入研究iOS和Android設(shè)備提供的觸摸事件API，探索一下可以構(gòu)建哪些類型的應(yīng)用，給出一些最佳做法，并論及一些使得可觸控應(yīng)用（touch-enabled application）的開發(fā)變得更加容易的有用技術(shù)。2015-09-09
JS結(jié)合bootstrap實(shí)現(xiàn)基本的增刪改查功能
這篇文章主要介紹了JS結(jié)合bootstrap實(shí)現(xiàn)基本的增刪改查功能,需要的朋友可以參考下2016-07-07
JS實(shí)現(xiàn)簡(jiǎn)潔、全兼容的拖動(dòng)層實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)潔、全兼容的拖動(dòng)層的方法,實(shí)例分析了javascript鼠標(biāo)事件及頁(yè)面元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05