JavaScript splice方法返回值为何与预期不符？

JavaScript 数组删除的困惑

提问：

最近在操作 javascript 数组时，我遇到了一个困惑，如下：

console.log(['1','2','3','4','5'].splice(3, 1)) // 输出 ['4']

按理来说， splice(3, 1) 应该从索引为 3 的位置删除一个元素，返回一个数组 [‘1’, ‘2’, ‘3’, ‘5’] 才对，可是为什么返回的是 [‘4’] 呢？

立即学习“Java免费学习笔记（深入）”；

解答：

要理解这个现象，首先要知道 splice 方法的默认行为：

• splice(start, deletecount) 方法从数组中删除 deletecount 个元素，从 start 索引开始。
• 它会返回一个包含被删除元素的新数组，而原始数组会被修改。

因此，在给定代码中，splice(3, 1) 从索引 3 开始删除了一个元素（即 ‘4’），并返回一个包含该被删除元素的新数组 [‘4’]。

然而，如果你想保留原始数组，并且只返回修改后的数组，可以使用 tospliced 方法：

console.log(['1','2','3','4','5'].toSpliced(3, 1)) // 输出 ['1', '2', '3', '5']

tospliced 返回一个修改后的数组副本，而不会修改原始数组。因此，tospliced(3, 1) 会返回一个不包含 ‘4’ 的新数组 [‘1’, ‘2’, ‘3’, ‘5’]。

希望这个解释能解决你的困惑，帮助你更好地理解 splice 和 tospliced 方法在 javascript 数组中的应用。