当前位置：首页 > JavaScript

js slice实现

2026-04-05 13:27:30JavaScript

slice 方法的基本用法

slice 是 JavaScript 数组和字符串的一个内置方法，用于提取部分内容并返回一个新数组或字符串，不改变原数组或字符串。以下是具体用法：

js slice实现

数组的 slice 方法
语法：array.slice(startIndex, endIndex)

js slice实现

startIndex：开始提取的索引（包含），默认为 0。
endIndex：结束提取的索引（不包含），默认为数组长度。
返回从 startIndex 到 endIndex（不含）的新数组。

const arr = [1, 2, 3, 4, 5];
const subArr = arr.slice(1, 4); // [2, 3, 4]

字符串的 slice 方法
语法：string.slice(startIndex, endIndex)
参数与数组类似，返回提取的子字符串。

const str = "Hello, world!";
const subStr = str.slice(0, 5); // "Hello"

负索引和默认值

负索引：表示从末尾开始计算。例如，-2 表示倒数第二个元素。
省略参数：
- 省略 endIndex：提取到末尾。
- 省略所有参数：返回完整副本。

const arr = [1, 2, 3, 4, 5];
arr.slice(-3);    // [3, 4, 5]
arr.slice(1);     // [2, 3, 4, 5]
arr.slice();      // [1, 2, 3, 4, 5]（浅拷贝）

实现自定义 `slice` 方法

以下是一个模拟 slice 功能的实现（以数组为例）：

function customSlice(array, start, end) {
  const result = [];
  const length = array.length;

  // 处理 start 的默认值和负数
  start = start === undefined ? 0 : start;
  start = start < 0 ? Math.max(length + start, 0) : Math.min(start, length);

  // 处理 end 的默认值和负数
  end = end === undefined ? length : end;
  end = end < 0 ? Math.max(length + end, 0) : Math.min(end, length);

  // 提取元素
  for (let i = start; i < end; i++) {
    result.push(array[i]);
  }

  return result;
}

// 示例
const arr = [1, 2, 3, 4, 5];
console.log(customSlice(arr, 1, 4)); // [2, 3, 4]