如何在 JS 中的数组开头添加元素?

myzbx 2025-06-18 23:01 3 浏览

本文已经过原作者 Orkhan Jafarov 授权翻译。

今天，我们来一起学习一下如何把元素添加到元素的首个元素。

1.Array.unshift()

let 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"]

2.使用展开运算符(...)

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"]

3.使用 Array.concat()

我们还可以使用concat()方法在开头连接两个(或更多)数组。

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"]

完~我是小智，我要去刷碗了，我们下期再见~

作者：Orkhan Jafarov 译者：前端小智来源: dev

原文：https://codingnconcepts.com/javascript/how-to-add-element-at-beggining-of-javascript-array/

JS 运算符

上一篇：压力测试工具——JMeter基本使用指南
下一篇：Matlab基础入门手册(第三章:运算符)

如何在 JS 中的数组开头添加元素?

1.Array.unshift()

2.使用展开运算符(...)

3.使用 Array.concat()

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

说下你的vue项目的目录结构，该怎么划分?

用上Vue3，你真的变了吗?（vue3 key）

这么牛逼的cursor功能，赶紧用起来

8.7k star，一款超炫酷的动态可视化大屏项目

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」