当前位置：首页 > news >正文

javascript专题2 ---- 在 JavaScript 列表（数组）的第一个位置插入数据

news 来源：原创 2025/5/18 1:38:47

在这里，我总结一下，在 JavaScript 列表（数组）的第一个位置插入数据，并提供一些不同的方法和示例。

方法 1: unshift()

unshift() 方法是最直接的方式。它将一个或多个元素添加到数组的开头，并返回新的数组长度。

let myList = [2, 3, 4];

myList.unshift(1); // 在数组开头插入 1
console.log(myList); // 输出: [1, 2, 3, 4]

myList.unshift('a', 'b'); // 插入多个元素
console.log(myList); // 输出: [ 'a', 'b', 1, 2, 3, 4 ]

方法 2: 使用展开运算符 (...) 创建新数组

这种方法创建一个新的数组，将要插入的元素放在数组的开头。

let myList = [2, 3, 4];
let newData = 1;

myList = [newData, ...myList]; // 使用展开运算符
console.log(myList); // 输出: [1, 2, 3, 4]

方法 3: splice()

splice() 方法可以用于在数组的任何位置插入或删除元素。要插到第一个位置，你需要指定索引 0。

let myList = [2, 3, 4];

myList.splice(0, 0, 1); // 在索引 0 处插入 1 (不删除任何元素)
console.log(myList); // 输出: [1, 2, 3, 4]

方法 4: 直接赋值给新的索引 (不推荐)

虽然可以这样做，但这种方法效率较低，并且不推荐使用，因为它会创建一个稀疏数组（数组中存在空洞）。

let myList = [2, 3, 4];

for (let i = myList.length - 1; i >= 0; i--) {
  myList[i + 1] = myList[i];  // 将所有元素向后移动一位
}
myList[0] = 1; // 在第一个位置插入数据

console.log(myList); // 输出: [1, 2, 3, 4]

选择哪个方法？

unshift(): 这是最简洁和最常用的方法来在数组开头插入元素。效率通常也比较好。
展开运算符 (...): 这种方法创建了一个新的数组，不会修改原始数组。在某些情况下，你可能希望保留原始数组不变，那么这种方法更适合。注意，如果原始数组非常大，创建新数组可能会有性能问题。
splice(): 虽然 splice() 也可以实现，但通常用于更复杂的插入和删除操作。对于只在开头插入元素，unshift() 更简单。
直接赋值: 强烈不推荐使用这种方法，因为它效率低且容易出错。