JavaScript

JavaScript 中在数组开头添加元素

Posted by cl9000 on September 21, 2020

一个人的价值，应该看他贡献什么，而不应当看他取得什么。 ——<阿尔伯特·爱因斯坦>

作者：Ashish Lahoti
译者：cl9000
来源：https://codingnconcepts.com/javascript/how-to-add-element-at-beggining-of-javascript-array/

在本教程中，我们将学习在 JavaScript 数组的开头添加新元素的不同方法。

1. 使用 Array.unshift（）

在数组开头添加元素的最简单方法是使用unshift() 方法。

1
2
3
4
5
6
7
8
9
var fruits = ["Apple", "Banana", "Mango"];

fruits.unshift("Orange");
console.log(fruits);
// Prints ["Orange", "Apple", "Banana", "Mango"]

fruits.unshift("Guava", "Papaya");
console.log(fruits);
// Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]

它添加了原始数组的元素。有时您不希望更改原始数组，而是将其分配给新变量。

在Javascript中，您可以在一条语句中以多种方式执行此操作。

2. 使用 扩展运算符（…）

我们可以使用扩展运算符 … 来制作数组的副本。简短的语法非常方便。

1
2
3
4
5
6
7
8
9
10
11
12
var fruits = ["Apple", "Banana", "Mango"];

var moreFruits = ["Orange", ...fruits];
console.log(moreFruits);
// Prints ["Orange", "Apple", "Banana", "Mango"]

var someoMoreFruits = ["Guava", "Papaya", ...moreFruits];
console.log(someoMoreFruits);
// Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]

console.log(fruits);
// Prints ["Apple", "Banana", "Mango"]

在开头添加新元素，然后是原始Array的副本（使用...），并分配给新变量。

我们看到我们的原始数组保持不变。

3. 使用 Array.concat（）

我们也可以使用用户concat()方法在开始时连接两个（或更多）数组。

1
2
3
4
5
6
7
var fruits = ["Apple", "Banana", "Mango"];
var moreFruits = ["Orange"];
var someoMoreFruits = ["Guava", "Papaya"];

var allFruits = someoMoreFruits.concat(moreFruits, fruits);
console.log(allFruits);
// Prints ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]

参考

关注【公众号】，了解更多。


赏 支付宝打赏 微信打赏

赞赏一下 坚持原创技术分享，您的支持将鼓励我继续创作！



FEATURED TAGS
JavaScript
FRIENDS