如何在JavaScript中向数组中的特定索引添加项目

53 阅读1分钟

了解如何在JavaScript中以特定的索引向数组中添加项目

假设你想向一个数组添加一个项目,但你不想在数组的末尾追加一个项目。你想明确地在数组的一个特定位置添加它。

这个地方被称为索引

数组的索引从0 ,所以如果你想首先添加这个项目,你就使用索引0 ,在第二个地方的索引是1 ,以此类推。

为了执行这个操作,你将使用数组的splice() 方法。这个函数非常强大,除了我们现在要做的使用外,它还允许从数组中删除项目。所以,要谨慎行事。

splice() 需要3个或更多的参数。第一个是起始索引:我们将开始进行修改的地方。第二个是删除次数参数。我们正在向数组添加,所以在我们所有的例子中,删除次数是0。在这之后,你可以添加一个或许多项来添加到数组中。

这里有一个例子。以这个数组为例。

const colors = ['yellow', 'red']

你可以在使用yellow 后添加一个项。

colors.splice(1, 0, 'blue')
//colors === ['yellow', 'blue', 'red']

你可以在yellow ,之后添加多个项目,使用。

colors.splice(1, 0, 'blue', 'orange')
//colors === ['yellow', 'blue', 'orange', 'red']

注意:结果是假设colors 仍然是['yellow', 'red']

要在第一个位置添加,使用0 作为第一个参数。

colors.splice(0, 0, 'blue')
//colors === ['blue', 'yellow', 'red']