用100行代码轻松实现数组的splice方法

2023-10-12 12:53:40

JavaScript 中的 splice 方法：深入浅出

JavaScript 中的 splice 方法是数组操作中最强大的工具之一，它允许开发人员从数组中添加、删除或替换元素。本文将深入探讨 splice 方法的定义、用法、参数、返回值和示例，并提供一个用 100 行 JavaScript 代码实现 splice 方法的示例。

splice 方法的定义

splice 方法的定义如下：

splice(start, deleteCount, ...items)

其中：

start ：指定从哪个索引开始删除元素（必选参数）。
deleteCount ：指定要删除多少个元素（必选参数）。
items ：指定要添加的元素（可选参数）。

splice 方法的用法

splice 方法的用法如下所示：

let arr = [1, 2, 3, 4, 5];

// 从索引 1 开始删除 2 个元素
arr.splice(1, 2); // [1, 4, 5]

// 从索引 3 开始删除 1 个元素，并添加元素 6
arr.splice(3, 1, 6); // [1, 4, 5, 6]

// 从索引 2 开始删除所有元素
arr.splice(2); // [1, 4]

splice 方法的参数

splice 方法有三个参数：

start ：指定从哪个索引开始删除元素。如果 start 为负数，则从数组末尾开始计算。
deleteCount ：指定要删除多少个元素。如果 deleteCount 为负数，则不会删除任何元素。
items ：指定要添加的元素。可以添加多个元素。

splice 方法的返回值

splice 方法返回一个包含被删除元素的数组。

splice 方法的示例

以下是 splice 方法的一些示例：

从数组中删除第一个元素：arr.splice(0, 1);
从数组中删除最后一个元素：arr.splice(-1, 1);
从数组中删除中间的元素：arr.splice(2, 1);
从数组中删除多个元素：arr.splice(1, 3);
在数组中添加元素：arr.splice(2, 0, 6);
在数组中替换元素：arr.splice(2, 1, 6);

用 JavaScript 实现 splice 方法

现在，我们来用 JavaScript 实现 splice 方法。代码如下：

// 定义 splice 方法
Array.prototype.splice = function(start, deleteCount, ...items) {
  // 检查参数的合法性
  if (start < 0 || start > this.length) {
    throw new Error("start must be a non-negative integer less than or equal to the length of the array.");
  }
  if (deleteCount < 0 || start + deleteCount > this.length) {
    throw new Error("deleteCount must be a non-negative integer less than or equal to the length of the array minus the start index.");
  }

  // 创建一个新的数组来存储被删除的元素
  let deletedItems = [];

  // 将要被删除的元素添加到 deletedItems 数组中
  for (let i = start; i < start + deleteCount; i++) {
    deletedItems.push(this[i]);
  }

  // 将要添加的元素添加到数组中
  for (let i = items.length - 1; i >= 0; i--) {
    this.splice(start, 0, items[i]);
  }

  // 返回被删除的元素
  return deletedItems;
};