在JS数组特定索引处指定位置插入元素的技巧

在JS数组中，在特定的索引处添加元素或删除元素是非常常见的操作。本文将介绍两种在JS数组特定索引处指定位置插入元素的技巧。

技巧一：splice() 方法

JS数组提供了一个splice()方法，可以在数组中添加或删除元素，并返回被删除元素组成的一个新数组。splice方法接收三个参数：起始位置、删除个数、要添加的元素。

以下是在特定位置插入元素的示例：

const colors = ['red', 'green', 'blue'];
colors.splice(1, 0, 'yellow'); // 在索引1的位置添加'yellow'
console.log(colors); // 输出 ['red', 'yellow', 'green', 'blue']

使用splice方法时，第一个参数表示要插入的位置，第二个参数表示要删除的元素的个数，第三个参数表示要插入的元素。上述示例中，第一个参数为1，表示要在索引为1的位置插入元素，第二个参数为0，表示不删除任何元素，第三个参数为'yellow'，表示要插入的元素。

如果要删除元素时，将第二个参数设置为1或更多，即删除从起始位置开始指定个数的元素。

技巧二：slice() 和 concat() 方法

可以使用slice()和concat()方法结合起来，在特定位置插入元素。

以下是在特定位置插入元素的示例：

const colors = ['red', 'green', 'blue'];
const index = 1;
const newColor = 'yellow';
const newColors = colors.slice(0, index).concat(newColor).concat(colors.slice(index));
console.log(newColors); // 输出 ['red', 'yellow', 'green', 'blue']

使用slice()方法，可以将原始数组分成两部分，然后使用concat()方法将新元素插入到这两个数组之间。上述示例中，首先使用slice()方法将起始位置到插入位置前一位的元素截取出来；然后使用concat()方法将新元素和原始数组的后续元素链接起来。

这两种技巧都能实现在JS数组指定位置插入元素的功能，具体选用哪一种，可以根据具体的场景和需求来确定。