js数组添加指定位置|极客笔记

js数组添加指定位置

在JavaScript中，数组是一种用于存储多个元素的数据结构。通常情况下，我们可以通过push()方法向数组末尾添加新元素，通过unshift()方法向数组开头添加新元素。但有时候我们可能需要往数组中间的指定位置添加新元素，那么我们可以通过以下几种方法来实现。

方法一：splice()方法

splice() 方法可以向数组中指定位置插入元素，并可删除元素，并返回被删除的元素。它的语法如下：

array.splice(index, 0, item1, item2, ...)

其中index为要插入的位置，0表示不删除元素，item1, item2, …为要插入的元素。

下面是一个示例代码：

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 6);
console.log(arr);  // [1, 2, 6, 3, 4, 5]

在上面的示例中，我们在数组arr的索引为2的位置插入了元素6。

方法二：使用slice()方法和concat()方法

我们可以通过slice()方法将数组拆分成两部分，在指定位置插入新元素，然后使用concat()方法将两部分数组合并。

下面是一个示例代码：

let arr = [1, 2, 3, 4, 5];
let index = 2;
let newItem = 6;

let firstPart = arr.slice(0, index);
let secondPart = arr.slice(index);

let newArr = firstPart.concat(newItem, secondPart);
console.log(newArr);  // [1, 2, 6, 3, 4, 5]

在上面的示例中，我们通过slice()方法将数组拆分成两部分，然后在指定位置插入新元素6，最后使用concat()方法合并两部分数组。

方法三：使用ES6的扩展运算符

在ES6中，我们可以使用扩展运算符...来完成这个操作。

下面是一个示例代码：

let arr = [1, 2, 3, 4, 5];
let index = 2;
let newItem = 6;

let newArr = [...arr.slice(0, index), newItem, ...arr.slice(index)];
console.log(newArr);  // [1, 2, 6, 3, 4, 5]

在上面的示例中，我们同样是通过slice()方法将数组拆分成两部分，然后在指定位置插入新元素6，最后使用扩展运算符...来合并两部分数组。