原生JS中slice()方法和splice()區(qū)別
slice()方法和splice()方法都是原生js中對數(shù)組操作的方法。那么他兩種有什么區(qū)別呢？今天通過本文教程給大家簡單介紹下。
slice()，返回一個新的數(shù)組，該方法可從已有的數(shù)組中返回選定的元素。例如：arrObject(start，end)，start是必選的。規(guī)定從何處開始選取，如果是負(fù)數(shù)，則是從數(shù)組元素尾部選取，也就是說-1指最后一個元素，-2指倒數(shù)第二個元素；end是可選元素。規(guī)定從何處結(jié)束選取。該參數(shù)沒有，表示從開始位置截取到數(shù)組末尾，如果是負(fù)數(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)文章
javascript基礎(chǔ)語法學(xué)習(xí)筆記
這篇文章主要為大家分享了javascript基礎(chǔ)語法學(xué)習(xí)筆記，幫助大家夯實javascript基礎(chǔ)知識，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了JS正則子匹配用法,結(jié)合簡單實例形式分析了js正則字匹配的概念、用法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
JavaScript實現(xiàn)網(wǎng)頁帶動畫返回頂部的方法詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實現(xiàn)網(wǎng)頁帶動畫返回頂部的效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-08-08
JavaScript創(chuàng)建對象的幾種方式及關(guān)于this指向問題
這篇文章主要介紹了JavaScript創(chuàng)建對象的幾種方式及關(guān)于this指向問題，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值。需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了javascript文本模板用法,實例分析了文本模板的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
JavaScript實現(xiàn)精美個性導(dǎo)航欄筋斗云效果
這篇文章主要介紹了JavaScript實現(xiàn)精美個性導(dǎo)航欄筋斗云效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下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實現(xiàn)基本的增刪改查功能
這篇文章主要介紹了JS結(jié)合bootstrap實現(xiàn)基本的增刪改查功能,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JS實現(xiàn)簡潔、全兼容的拖動層的方法,實例分析了javascript鼠標(biāo)事件及頁面元素的操作技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05