JavaScript splice() 方法

Array 对象参考手册 JavaScript Array 对象

数组中添加新元素:

<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>

尝试一下 »


定义和用法

splice() 方法用于插入、删除或替换数组的元素。

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


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持splice()。


语法

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

参数 Values

参数 描述
index 必需。规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany 必需。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素

返回值

Type 描述
Array 如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

技术细节

JavaScript 版本: 1.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>

尝试一下 »


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

<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>

尝试一下 »


Array 对象参考手册 JavaScript Array 对象