作者：GuestContributor译者：前端小智来源：stackabuse点赞再看，微信搜索【大千世界】，B站关注【前端小智】这个没有大厂背景，而是有着积极心态的人。本文已收录到GitHubhttps://github.com/qq44924588...，文章已分类，也整理了很多我的文档和教程资料。简介数组是一种线性数据结构，可以说是编程中最常用的数据结构之一。修改数组是一个很常见的操作，这里我们就来探讨下如何在JS中向数组的任意位置添加元素。数组中的三个位置可以添加元素：开始/第一个元素结束/最后一个元素在别处接下来我们一一过一遍：数组对象中的unshift()方法向数组的开头添加一个或多个元素,并返回数组的新长度：conststartArray=[3,4,5];constnewLength=startArray.unshift(2);控制台日志（新长度）；控制台日志（startArray）；startArray.unshift(-1,0,2);console.log(startArray);上面输出的结果：4[2,3,4,5][-1,0,2,2,3,4,5]向数组末尾添加元素using数组的最后一个索引是在数组末尾添加元素，可以使用数组长度总是比下标小1的技巧。constindexArray=[1,2,3];console.log(indexArray.length);console.log(indexArray[2]);console.log(indexArray[3]);indexArray[indexArray.length]=4console.log（索引数组）；上面输出的结果：33undefined[1,2,3,4]数组长度为3，第二个元素为3，没有第三个元素，所以我们从undefined开始。最后，值4被插入到该位置。使用数组的push()方法将一个或多个元素添加到数组的末尾。就像unshift()一样，它也返回数组的新长度constpushArray=[1,2,3]constnewLength=pushArray.push(4,5,6,7);console.log(newLength);console.日志（pushArray）；上面输出的结果：7[1,2,3,4,5,6,7]使用concat()方法通过数组的concat()方法将两个或多个数组组合起来。它创建一个新副本而不影响原始数组。与前面的方法不同，它返回一个新数组。使用此方法，要连接的值始终位于数组的末尾。constexample1Array1=[1,2,3];constvaluesToAdd=[4,5,6];constexample1NewArray=example1Array1.concat(valuesToAdd);控制台日志（example1NewArray）；控制台日志（example1Array1）；:[1,2,3,4,5,6][1,2,3]我们可以将一个数组与一系列值连接起来：constarray=[1,2,3];constnewArray=array.concat('12',true,null,4,5,6,'你好');控制台日志（数组）；控制台日志（新数组）；以上输出的结果：[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]在数组的任意位置添加元素现在我们将讨论一种可用于在数组的任意位置添加元素的主线方法-开头，结尾，中间，以及两者之间的任何地方。splice()方法添加、删除和替换数组中的元素。通常用于数组管理，该方法不创建新数组，而是更新调用它的数组。我们来看看splice()的实际应用。这是一个工作日数组，现在，我们要在“星期二”和“星期四”之间添加一个“星期三”元素.splice(2,0,'星期二');console.log（工作日）；console.log(deletedArray);上面输出的结果：["Monday","Tuesday","Wednesday","Thursday","Friday"][]分析上面的代码。我们想将“星期二”添加到工作日数组的第二个位置。这里不需要删除任何元素。weekdays.splice(2,0,'wednesday')被读取为第二个位置，不删除任何元素并添加'Tuesday'。下面是使用splice()的一般语法：letremovedItems=array.splice(start[,deleteCount[,item1[,item2[,...]]]])start-开始修改数组的索引。deleteCount-数组中要从开始删除的可选项目数。如果省略，将删除start之后的所有项目。item1,item2,...-从一开始就添加到数组中的可选项目。如果省略，它只会从数组中删除元素。让我们看一下slice()的另一个例子，我们同时添加和删除数组。我们将在第二个位置添加'Wednesday'，但我们也会删除那里错误的周末值：constweekdays=['Monday','Wednesday','Saturday','Sunday','Thursday'','星期五']constdeletedArray=weekdays.splice(2,2,'Tuesday');console.log（工作日）；console.log(deletedArray);以上输出的结果：["Monday","Wednesday","Tuesday","Thursday","Friday"]["Saturday","Sunday"]Summary在这篇文章中，我们研究了元素的各种方式可以添加到JS中的数组中。我们可以使用unshift()将它们添加到开头。我们可以使用index、pop()方法和concat()方法将它们添加到末尾。使用splice()方法，我们可以更好地控制它们的放置位置。代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文：https://stackabse.com/javascr...每周更新交流文章。可以微信搜索“大千世界”阅读即时更新（比博文早一两篇）。这篇文章在GitHubhttps://github.com/qq449245884/xiaozhi已经收录，整理了很多我的文档。欢迎star和改进。可以参考考点面试。另外，关注公众号，后台会回复福利，看到福利就知道了。
