JavaScript之splice 新增或刪除元素
阿新 • • 發佈:2021-08-23
定義和用法
- 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