当前位置：首页 > JavaScript

js实现splice

2026-04-05 14:22:21JavaScript

JavaScript 实现 `splice` 方法

Array.prototype.splice 是 JavaScript 中用于修改数组的原生方法，它可以实现删除、插入或替换数组元素。以下是手动实现 splice 的核心逻辑：

核心逻辑

splice 方法的主要功能包括：

js实现splice

从指定位置开始删除一定数量的元素。
在删除的位置插入新元素。
返回被删除的元素组成的数组。

实现代码

function customSplice(array, start, deleteCount, ...items) {
    // 处理负数索引
    const actualStart = start < 0 
        ? Math.max(array.length + start, 0) 
        : Math.min(start, array.length);

    // 处理默认删除数量
    const actualDeleteCount = Math.min(
        Math.max(deleteCount, 0),
        array.length - actualStart
    );

    // 存储被删除的元素
    const deletedElements = [];
    for (let i = actualStart; i < actualStart + actualDeleteCount; i++) {
        deletedElements.push(array[i]);
    }

    // 计算移动元素的长度
    const insertCount = items.length;
    const moveCount = array.length - actualStart - actualDeleteCount;

    // 调整数组长度
    if (insertCount > deleteCount) {
        const diff = insertCount - actualDeleteCount;
        for (let i = array.length - 1; i >= actualStart + actualDeleteCount; i--) {
            array[i + diff] = array[i];
        }
    } else if (insertCount < deleteCount) {
        const diff = actualDeleteCount - insertCount;
        for (let i = actualStart + actualDeleteCount; i < array.length; i++) {
            array[i - diff] = array[i];
        }
        array.length -= diff;
    }

    // 插入新元素
    for (let i = 0; i < items.length; i++) {
        array[actualStart + i] = items[i];
    }

    // 处理剩余元素的移动
    if (insertCount !== actualDeleteCount) {
        const offset = insertCount - actualDeleteCount;
        for (let i = actualStart + actualDeleteCount; i < array.length; i++) {
            array[i + offset] = array[i];
        }
    }

    return deletedElements;
}

使用示例

const arr = [1, 2, 3, 4, 5];
const deleted = customSplice(arr, 1, 2, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 4, 5]
console.log(deleted); // [2, 3]