1. 程式人生 > 其它 >JavaScript之splice 新增或刪除元素

JavaScript之splice 新增或刪除元素

定義和用法

  • splice方法用於新增或刪除陣列中的元素。
  • splice方法會改變原始陣列。

瀏覽器支援

主流瀏覽器都支援splice(),例如:IE、FireFox、Opera、Chrome、Safari

語法

array.splice(index,howmany,item1,.....,itemX)

引數

引數 描述
index

必須,規定從何處新增/刪除元素。

該引數是開始新增或刪除元素的下標,必須是數字。

howmany

可選。規定應該刪除多少元素。必須是數字,但可以是"0"。

如果未規定此引數,則刪除從index開始到原始數結尾的元素。

iteem1,...,itemx 可選。要新增到陣列的新元素。

返回值

型別 描述
Array 如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的陣列。

如果刪除了一個元素,則返回元素的陣列;如果未刪除任何元素,則返回空陣列。

var fruits = ['蘋果','香蕉' , '梨'];
console.log(fruits.splice(2,1));    // 刪除一個,返回刪除元素的陣列  。返回['梨']
var fruits = ['蘋果','香蕉' , '梨'];
console.log(fruits.splice(2,0));    // 刪除零個,返回空陣列 。返回[]

技術細節

JavaScript版本 1.2

例項

  • 陣列中新增新元素。
var fruits = ['蘋果','香蕉' , '梨'];
fruits.splice(2,0,'橘子');    

fruits的輸出的值為:[ "蘋果", "香蕉", "橘子", "梨"]

  • 刪除陣列中的元素。
var fruits = ['蘋果','香蕉' , '梨','芒果','西瓜'];
fruits.splice(2,2);    

fruits的輸出值為:[ "蘋果", "香蕉", "西瓜"]

  • 移除陣列中第三元素,並在第三個位置新增新元素。
var fruits = ['蘋果','香蕉' , '梨','芒果','西瓜'];
fruits.splice(
2,1,'檸檬','葡萄');

fruits的輸出值為:[ "蘋果", "香蕉", "檸檬", "葡萄", "芒果", "西瓜"]

參考網址

有志者,事竟成,破釜沉舟,百二秦關終屬楚; 苦心人,天不負,臥薪嚐膽,三千越甲可吞吳。