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