极客笔记js 在数组前面添加元素
在JavaScript中，数组是一种特殊的对象，用于存储多个值。通常情况下，我们将元素添加到数组的末尾。但有时候，我们需要在数组的前面添加元素。本文将介绍多种方法来实现这一目的。
方法一：unshift方法
unshift() 方法用于在数组的开头添加一个或多个元素，并返回新的数组长度。语法如下：
let fruits = ["Banana", "Orange", "Apple"];
fruits.unshift("Lemon");
console.log(fruits); // ["Lemon", "Banana", "Orange", "Apple"]
在上面的示例中，我们使用unshift方法在fruits数组的开头添加了一个新的元素"Lemon"。
方法二：splice方法
splice() 方法可以实现在数组的任意位置添加或删除元素。我们可以利用splice方法在数组的开头添加元素。语法如下：
let fruits = ["Banana", "Orange", "Apple"];
fruits.splice(0, 0, "Lemon");
console.log(fruits); // ["Lemon", "Banana", "Orange", "Apple"]
在上面的示例中，我们使用splice方法在fruits数组的开头添加了一个新的元素"Lemon"，其中0表示从索引为0的位置开始添加元素，0表示不删除任何元素。
方法三：concat方法
concat() 方法用于合并两个或多个数组，并返回一个新数组。我们可以使用concat方法将一个新元素和原数组合并成一个新的数组。语法如下：
let fruits = ["Banana", "Orange", "Apple"];
let newFruit = "Lemon";
let newFruits = [newFruit].concat(fruits);
console.log(newFruits); // ["Lemon", "Banana", "Orange", "Apple"]
在上面的示例中，我们首先将新元素"Lemon"定义为一个单独的数组[newFruit]，然后使用concat方法将其与原数组fruits合并成一个新数组newFruits。
方法四：ES6 Spread运算符
ES6引入了Spread运算符，它可以将一个数组展开成多个元素。我们可以利用Spread运算符在数组的开头添加元素。语法如下：
let fruits = ["Banana", "Orange", "Apple"];
let newFruit = "Lemon";
let newFruits = [newFruit, ...fruits];
console.log(newFruits); // ["Lemon", "Banana", "Orange", "Apple"]
在上面的示例中，我们首先定义一个新元素"Lemon"，然后使用Spread运算符...将其和原数组fruits展开成一个新数组newFruits。
方法五：Array.prototype.unshift.apply方法
如果要同时添加多个元素到数组的开头，可以使用Array.prototype.unshift.apply方法。语法如下：
let fruits = ["Banana", "Orange", "Apple"];
let newFruits = ["Lemon", "Mango"];
Array.prototype.unshift.apply(fruits, newFruits);
console.log(fruits); // ["Lemon", "Mango", "Banana", "Orange", "Apple"]
在上面的示例中，我们首先定义一个新元素数组newFruits，然后使用Array.prototype.unshift.apply方法将其添加到原数组fruits的开头。
通过上述方法，我们可以在JavaScript中实现在数组的前面添加元素的功能。选择合适的方法取决于你的具体需求。