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的輸出值為： [ "蘋果", "香蕉", "檸檬", "葡萄", "芒果", "西瓜"] 。

參考網址

• JavaScript splice() 方法:https://www.runoob.com/jsref/jsref-splice.html