【Javascript修炼篇】如何使用splice

在 JavaScript 中，Splice 函数就像一个大胆的魔术师，直接对原始数组进行变戏法 —— 修改、更新，甚至是彻底改变它的面貌。比方说：

const test = ['angel', 'clown', 'mandarin', 'sturgeon'];
test.splice(2, 1, 'first');

console.log(test);
> ['angel', 'clown', 'first', 'sturgeon']

从上面的例子可以看到，splice 就这么轻而易举地篡改了原本的模样。

不过，我们也可以在 JavaScript 中搞个大新闻，创建一个不会改变原数组的 splice 函数，也就是所谓的“不可变”版本。

下面就是我们的杰作：

function splice(arr, start, deleteCount, ...addItem) {
    const result = [];
    if (start > 0) {
        result.push(...arr.slice(0, start));
    }
    result.push(...addItem);
    const len = result.length - addItem.length;
    let count = deleteCount <= 0 ? len : len + deleteCount;
    if (arr[count]) {
        result.push(...arr.slice(count));
    }
    return result;
}

const test = ['angel', 'clown', 'mandarin', 'sturgeon'];

console.log(splice(test, 2, 1, 'drum'));
> ['angel', 'clown', 'drum', 'sturgeon']
console.log(test)
> ['angel', 'clown', 'mandarin', 'sturgeon']

瞧，这次 test 数组可没被这番操作影响分毫。

如果你有任何想法或是担忧，欢迎提出。我总是乐于为这篇文章添砖加瓦，让它更加完美，满足各种需求。

感谢你的关注！尽情享受编程的乐趣吧。