JavaScript Array.splice() 方法

javascriptweb developmentfront end technologyobject oriented programming更新于 2024/8/30 9:16:17

JavaScript 的 splice() 方法用于添加或删除项目。它返回被删除的项目。

语法如下 −

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

这里，index 是整数，指定在哪个位置添加或删除项目，num 是要删除的项目数，item1…itemX 是要添加到数组中的项目。

现在让我们在 JavaScript 中实现 splice() 方法 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Products</h2>
<p>Click to display the updated product list...</p>
<button onclick="display()">Result</button>
<p id="test"></p>
<script>
   var products = ["Electronics", "Books", "Accessories"];
   document.getElementById("test").innerHTML = products;
   function display() {
      products.splice(1, 2, "Pet Supplies", "Footwear");
      document.getElementById("test").innerHTML = products;
   }
</script>
</body>
</html>

输出

点击上方的“结果”按钮 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Products</h2>
<p>Click to display the updated product list...</p>
<button onclick="display()">Result</button>
<p id="test"></p>
<script>
   var products = ["Electronics", "Books", "Accessories"];
   document.getElementById("test").innerHTML = products;
   function display() {
      products.splice(3, 1, "Pet Supplies", "Footwear", "Home Appliances");
      document.getElementById("test").innerHTML = products;
   }
</script>
</body>
</html>