首頁 > web前端 > js教程 > 主體

javascript splice方法怎麼用

青灯夜游
發布: 2022-01-12 16:04:15
原創
24933 人瀏覽過

javascript splice()方法可以用來刪除指定數量的元素、替換指定元素以及在指定位置新增元素,使用語法「array.splice(index,count,item1,.....,itemX )」。

javascript splice方法怎麼用

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript splice方法

在javascript中,splice() 方法用於新增或刪除陣列中的元素。

語法:

array.splice(index,count,item1,.....,itemX)
登入後複製
參數描述
index必備。規定從何處新增/刪除元素。
此參數是開始插入和(或)刪除的陣列元素的下標,必須是數字。
coun可選。規定應該刪除多少元素。必須是數字,但可以是 "0"。
如果未規定此參數,則刪除從 index 開始到原始數組結尾的所有元素。
item1, ..., itemX可選。要新增到陣列的新元素

splice() 方法功能比較強,它可以實作刪除指定數量的元素、取代指定元素以及在指定位置新增元素。這些不同功能的實作需要結合方法參數來決定:

  • 當參數只有index 和count 兩個參數時,如果count 不等於0,splice() 方法實作刪除功能,同時傳回所刪除的元素:從index參數指定位置開始刪除count 參數指定個數的元素;

  • #當參數為3 個以上,且count 參數不為0時,splice( ) 方法實作替換功能,同時傳回所替換的元素:以第三個及其之後的參數取代index 參數指定位置開始的count 參數指定個數的元素;

  • ##當參數為3 個以上,且count 參數為0 時,splice() 方法的實作新增功能:以第三個及其之後的參數加入index 參數指定位置。

傳回值:陣列類型;如果從 array 中刪除了元素,則傳回的是含有刪除的元素的陣列。

splice() 方法實作的各個功能範例如下:

① 使用splice() 從指定位置刪除指定個數的元素:

var arr = ['A','B','C','D'];
//2个参数,第二个参数不为 0,实现删除功能
alert(arr.splice(0,2));
alert(arr);  //返回C,D
登入後複製

② 使用splice()用指定元素取代從指定位置開始的指定個數的元素:

var arr = ['A','B','C','D'];
//3个参数,第二个参数不为 0,实现替换功能:用 a 替换掉 A,返回:A
alert(arr.splice(0,1,'a'));
alert(arr);  //返回:a,B,C,D
alert(arr.splice(0,2,'a or b'));//用a or b替换掉a和B,返回a,B
alert(arr);  //返回:a or b,C,D
登入後複製

③ 使用splice() 在指定位置新增指定的元素:

var arr = ['A','B','C','D'];
//4个参数,第二个参数为 0,实现添加功能:在下标为 1 处添加 aaa,bbb,没有返回值
alert(arr.splice(1,0,'aaa','bbb'));
alert(arr);//返回:A,aaa,bbb,B,C,D
登入後複製

範例:使用splice() 方法實現數組去重。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用splice方法实现数组去重</title>
<script>
     var arr = [1,2,2,2,4,2];
     for(var i = 0; i < arr.length; i++){
         for(var j = i + 1; j < arr.length; j++){
              if(arr[i] == arr[j]){
                  arr.splice(j,1);//删除 j 位置处的元素
                  j--;
              }
         }
     }
     alert(arr);//返回1,2,4三个元素
</script>
</head>
<body>
</body>
</html>
登入後複製
上述程式碼使用了具有兩個參數的 splice(),實現了刪除指定元素的功能。

javascript splice方法怎麼用

【相關推薦:

javascript學習教學#】

以上是javascript splice方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板