JavaScript 数组 toSpliced

摘要：在本教程中，您将学习如何使用 JavaScript 数组 toSpliced() 方法更改数组内容并返回新数组。

JavaScript 数组 toSpliced() 方法简介

toSpliced() 方法使您能够通过删除和/或替换给定索引处的指定元素来获得一个新数组，同时保持原始数组不变。

与 splice() 方法不同，toSpliced() 方法不会就地更改原始数组。相反，它返回一个包含修改元素的新数组，而原始数组保持不变。

以下是 toSpliced() 方法的语法

Array.prototype.toSpliced(start, deleteCount, element1, element2,... elementN)Code language: JavaScript (javascript)

在此语法中

• start：这是一个从零开始的索引，从该索引开始更改数组。
• deleteCount（可选）：一个整数，指示从 start 开始要从数组中删除的元素数量。如果 deleteCount 为零，则该方法不会删除任何元素。在这种情况下，您需要至少指定一个元素才能添加到数组中。
• element1、element2、… elementN：要添加到数组中的新元素，从 start 开始。如果您没有指定任何元素，该方法只会执行删除操作。

toSpliced() 方法返回一个新数组，该数组包含所有在指定 start 之前的元素，后跟 element1、element2、…、elementN 和 start + deleteCount 之后的所有元素。

JavaScript 数组 toSpliced() 方法示例

让我们探索一些使用 toSpliced() 方法的示例。

1) 使用 toSpliced() 方法从数组中删除元素

以下示例演示了使用 toSpliced() 方法从数组中删除元素并生成一个不包含这些元素的新数组。

const scores = [1,2,3,4,5];
const newScores = scores.toSpliced(0,2);

console.log(scores);
console.log(newScores);Code language: JavaScript (javascript)

输出

[ 1, 2, 3, 4, 5 ]
[ 3, 4, 5 ]Code language: JavaScript (javascript)

输出确认原始数组 (scores) 保持不变，而返回的数组 (newScores) 已删除两个元素。

2) 使用 toSpliced() 方法将元素添加到数组中

以下示例使用 toSpliced() 方法将两个数字添加到 scores 数组的开头。

const scores = [3,4,5];
const newScores = scores.toSpliced(0, 0, 1, 2);

console.log(scores);
console.log(newScores);Code language: JavaScript (javascript)

输出

[ 3, 4, 5 ]
[ 1, 2, 3, 4, 5 ]Code language: JavaScript (javascript)

在此示例中

• 第一个参数 0 表示该方法将在位置 0 处开始更改数组。
• 第二个参数 0 指示该方法不删除任何元素。
• 最后两个参数 1 和 2 是该方法添加到数组中的新元素。

该方法返回一个新数组 newScores，其中包含两个新元素 1 和 2，它们位于数组的开头。

3) 使用 toSpliced() 替换数组中的元素

以下示例使用 toSpliced() 方法替换 scores 数组开头处的两个数字。

const scores = [0,0,3,4,5];
const newScores = scores.toSpliced(0, 2, 1, 2);

console.log(scores);
console.log(newScores);Code language: JavaScript (javascript)

输出

[ 0, 0, 3, 4, 5 ]
[ 1, 2, 3, 4, 5 ]Code language: JavaScript (javascript)

在此示例中

• 第一个参数 0 (start) 表示该方法将在位置 0 处开始更改数组。
• 第二个参数 2 (deleteCount) 指示该方法从位置 0 开始删除两个元素。换句话说，它删除了 scores 数组的第一和第二个元素。
• 最后两个参数是该方法在位置 0 处添加到 scores 数组中的新元素。

总结

• 使用 JavaScript 数组 toSpliced() 方法修改数组的元素，并获得更新后的数组作为结果。