JavaScript splice() 方法

定义和用法

splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

返回值

如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。

语法

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

参数 Values

返回值

浏览器支持

所有主流浏览器都支持splice()方法。

实例 1

数组中添加新元素：

<p id="demo">点击按钮向数组添加元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,0,"Lemon","Kiwi");
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

输出结果：Banana,Orange,Lemon,Kiwi,Apple,Mango

实例 2

移除数组的第三个元素，并在数组第三个位置添加新元素:

<p id="demo">点击按钮添加和删除元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,1,"Lemon","Kiwi");
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

输出结果：Banana,Orange,Lemon,Kiwi,Mango

实例 3

从第三个位置开始删除数组后的两个元素：

<p id="demo">点击按钮删除数组中的两个元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,2);
    var x=document.getElementById("demo");
    x.innerHTML=fruits;
}
</script>

输出结果：Banana,Orange

以上关于JavaScript splice() 方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。