JS数组前面添加元素|极客笔记

JS数组前面添加元素

在 JavaScript 中，数组是一种非常常用的数据结构，它可以存储多个元素，并且可以根据索引访问这些元素。在实际的开发中，我们经常会遇到需要在数组的前面添加元素的情况，本文将详细介绍如何在 JavaScript 的数组中前面添加元素。

方法一：unshift() 方法

JavaScript 数组提供了 unshift() 方法，可以向数组的开头添加一个或多个元素，并返回新数组的长度。下面是 unshift() 方法的语法：

array.unshift(element1, element2, ..., elementN)

其中，element1 到 elementN 是要添加到数组开头的元素。下面我们通过一个示例来演示 unshift() 方法的使用：

let fruits = ["Apple", "Banana", "Orange"];
fruits.unshift("Mango", "Pineapple");

console.log(fruits); // Output: ["Mango", "Pineapple", "Apple", "Banana", "Orange"]

在上面的示例中，我们首先定义了一个数组 fruits，然后使用 unshift() 方法在数组开头添加了两个元素 “Mango” 和 “Pineapple”，最终输出显示数组的元素已经被添加到了开头。

需要注意的是，unshift() 方法会直接修改原始数组，并返回新的数组长度。

方法二：splice() 方法

除了 unshift() 方法之外，我们还可以使用 splice() 方法来在数组的开头添加元素。splice() 方法可以实现在指定位置添加、删除或替换元素。当我们想要在数组的开头添加一个或多个元素时，可以通过 splice() 方法的参数来实现。

下面是 splice() 方法在添加元素时的语法：

array.splice(start, deleteCount, item1, item2, ...)

其中，start 是需要添加元素的起始位置，deleteCount 是要删除的元素个数（如果添加元素，则传入 0），item1 到 itemN 是要添加的元素。

让我们通过一个示例来演示 splice() 方法在数组开头添加元素的使用：

let fruits = ["Apple", "Banana", "Orange"];
fruits.splice(0, 0, "Mango", "Pineapple");

console.log(fruits); // Output: ["Mango", "Pineapple", "Apple", "Banana", "Orange"]

在上面的示例中，我们首先定义了一个数组 fruits，然后使用 splice() 方法在数组开头添加了两个元素 “Mango” 和 “Pineapple”，最终输出显示数组元素已经成功添加到了开头的位置。

需要注意的是，splice() 方法也会直接修改原始数组。