體驗js中splice()的強大(插入、刪除或替換數(shù)組的元素)
更新時間：2013年01月16日 16:16:47 作者：
javascript splice()算是最強大的了，它可以用于插入、刪除或替換數(shù)組的元素。下面來一一介紹,感興趣的朋友
處理數(shù)組的方法很多，javascript splice()算是最強大的了，它可以用于插入、刪除或替換數(shù)組的元素。下面來一一介紹！
1.刪除-用于刪除元素，兩個參數(shù)，第一個參數(shù)（要刪除第一項的位置），第二個參數(shù)（要刪除的項數(shù)）
2.插入-向數(shù)組指定位置插入任意項元素。三個參數(shù)，第一個參數(shù)（其實位置），第二個參數(shù)（0），第三個參數(shù)（插入的項）
3.替換-向數(shù)組指定位置插入任意項元素，同時刪除任意數(shù)量的項，三個參數(shù)。第一個參數(shù)（起始位置），第二個參數(shù)（刪除的項數(shù)），第三個參數(shù)（插入任意數(shù)量的項）
看下面這段代碼就明白了
var lang = ["php","java","javascript"];
//刪除
var removed = lang.splice(1,1);
alert(lang); //php,javascript
alert(removed); //java ,返回刪除的項
//插入
var insert = lang.splice(0,0,"asp"); //從第0個位置開始插入
alert(insert); //返回空數(shù)組
alert(lang); //asp,php,javascript
//替換
var replace = lang.splice(1,1,"c#","ruby"); //刪除一項，插入兩項
alert(lang); //asp,c#,ruby
alert(replace); //php,返回刪除的項
1.刪除-用于刪除元素，兩個參數(shù)，第一個參數(shù)（要刪除第一項的位置），第二個參數(shù)（要刪除的項數(shù)）
2.插入-向數(shù)組指定位置插入任意項元素。三個參數(shù)，第一個參數(shù)（其實位置），第二個參數(shù)（0），第三個參數(shù)（插入的項）
3.替換-向數(shù)組指定位置插入任意項元素，同時刪除任意數(shù)量的項，三個參數(shù)。第一個參數(shù)（起始位置），第二個參數(shù)（刪除的項數(shù)），第三個參數(shù)（插入任意數(shù)量的項）
看下面這段代碼就明白了
復(fù)制代碼 代碼如下:
var lang = ["php","java","javascript"];
//刪除
var removed = lang.splice(1,1);
alert(lang); //php,javascript
alert(removed); //java ,返回刪除的項
//插入
var insert = lang.splice(0,0,"asp"); //從第0個位置開始插入
alert(insert); //返回空數(shù)組
alert(lang); //asp,php,javascript
//替換
var replace = lang.splice(1,1,"c#","ruby"); //刪除一項，插入兩項
alert(lang); //asp,c#,ruby
alert(replace); //php,返回刪除的項
相關(guān)文章
最常用的12種設(shè)計模式小結(jié)，學(xué)習(xí)js的朋友可以參考下。2011-08-08
簡單寫了下，只測試了chrome，道理很簡單，其他瀏覽器自行擴充。2013-05-05
這篇文章主要為大家詳細(xì)介紹了基于Cesium繪制拋物弧線，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JS+CSS實現(xiàn)的簡單折疊展開多級菜單效果,涉及JavaScript頁面元素的遍歷及動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
在DOM里面操作textarea里面的字符，是比較麻煩的,本文將介紹一種比較簡單的方法，需要的朋友可以參考下2012-12-12
JS響應(yīng)鼠標(biāo)點擊實現(xiàn)兩個滑塊區(qū)間拖動效果
這篇文章主要介紹了JS實現(xiàn)的兩個滑塊區(qū)間拖動效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下2015-10-10
這篇文章主要給大家介紹了關(guān)于H5頁面跳轉(zhuǎn)小程序的3種實現(xiàn)方式,說出來你可能不信,每位商家?guī)缀醵紩5轉(zhuǎn)跳到小程序、H5轉(zhuǎn)跳至小程序的應(yīng)用范圍十分廣闊,需要的朋友可以參考下2023-08-08
javascript編程實現(xiàn)棧的方法詳解【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了javascript編程實現(xiàn)棧的方法,簡單說明了棧的概念、特點并結(jié)合實例形式分析了javascript棧的定義、入棧、出棧等操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)飄落星星特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
今天小編就為大家分享一篇layui使用label標(biāo)簽的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09