这篇文章主要讲解了“JS如何将元素插入数组的指定索引”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“JS如何将元素插入数组的指定索引”吧！

简介

数组是一种线性数据结构，可以说是编程中最常用的数据结构之一。修改数组是一种常见的操作，这里，我们来讨论如何在 JS 中数组的任何位置添加元素。

元素可以添加到数组中的三个位置

开始/第一个元素

结束/最后元素

其他地方

1111

接着，我们一个一个过一下：

数组对象中的unshift()方法将一个或多个元素添加到数组的开头，并返回数组的新长度：

conststartArray=[3,4,5];constnewLength=startArray.unshift(2);console.log(newLength);console.log(startArray);startArray.unshift(-1,0,2);console.log(startArray);

上面输出的结果：

4[2,3,4,5][-1,0,2,2,3,4,5]

将元素添加到数组的末尾

使用数组的最后一个索引

要在数组末尾添加元素，可以使用数组的长度总是比下标小1这一技巧。

constindexArray=[1,2,3];console.log(indexArray.length);console.log(indexArray[2]);console.log(indexArray[3]);indexArray[indexArray.length]=4console.log(indexArray);

上面输出的结果：

33undefined[1,2,3,4]

数组的长度是3，第二个元素是3。没有第三个元素，所以我们用undefined开头。最后，在该位置插入值4。

使用 push() 方法

数组的push()方法将一个或多个元素添加到数组的末尾。就像unshift()一样，它也会返回数组的新长度

constpushArray=[1,2,3]constnewLength=pushArray.push(4,5,6,7);console.log(newLength);console.log(pushArray);

上面输出的结果：

7[1,2,3,4,5,6,7]

使用 concat() 方法

通过数组的concat()方法实现两个或更多数组的合并。它创建新的副本，且不影响原始数组。与以前的方法不同，它返回一个新数组。使用该方法，要连接的值始终位于数组的末尾。

constexample1Array1=[1,2,3];constvaluesToAdd=[4,5,6];constexample1NewArray=example1Array1.concat(valuesToAdd);console.log(example1NewArray);console.log(example1Array1);

上面输出的结果：

[1,2,3,4,5,6][1,2,3]

我们可以将一个数组与一系列值连接起来：

constarray=[1,2,3];constnewArray=array.concat('12',true,null,4,5,6,'hello');console.log(array);console.log(newArray);

上面输出的结果：

[1,2,3][1,2,3,'12',true,null,4,5,6,'hello']

可以将一个数组与多个数组连接起来:

constarray1=[1,2,3];constarray2=[4,5,6];constarray3=[7,8,9];constoneToNine=array1.concat(array2,array3);console.log(oneToNine);

上面输出的结果：

[1,2,3,4,5,6,7,8,9]

在数组的任何位置添加元素

现在我们将讨论一个masterstroke方法，它可以用于在数组的任何位置添加元素——开始、结束、中间和中间的任何位置。

splice()方法添加，删除和替换数组中的元素。它通常用于数组管理，此方法不会创建新数组，而是会更新调用它的数组。

我们来看看splice()的实际应用。这里有一个weekdays数组，现在，我们想在'周二'和'周四'之间添加一个'周三'元素

constweekdays=['周一','周三','周四','周五']constdeletedArray=weekdays.splice(2,0,'周二');console.log(weekdays);console.log(deletedArray);

上面输出的结果：

["周一","周二","周三","周四","周五"][]

分析一下上面的代码。我们想在weekdays数组的第二个位置添加'周二'。这里不需要删除任何元素。weekdays.splice(2, 0, 'wednesday')被读取为第二个位置，不移除任何元素并添加'周二'。

下面是使用splice()的一般语法:

letremovedItems=array.splice(start[,deleteCount[,item1[,item2[,...]]]])

start-开始修改数组的索引。

deleteCount -从start 删除的数组中可选的项目数。如果省略，则start后的所有项目都将被删除。

item1, item2, ...-从start 添加到数组的可选项目。如果省略，它将仅从数组中删除元素。

我们看一下slice()的另一个示例，在该示例中我们同时添加和删除数组。我们将在第二个位置添加 '周三'，但是我们还将在该处删除错误的周末值：

constweekdays=['周一','周三','周六','周日','周四','周五']constdeletedArray=weekdays.splice(2,2,'周二');console.log(weekdays);console.log(deletedArray);

上面输出的结果：

["周一","周三","周二","周四","周五"]["周六","周日"]

感谢各位的阅读，以上就是“JS如何将元素插入数组的指定索引”的内容了，经过本文的学习后，相信大家对JS如何将元素插入数组的指定索引这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！