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

开发 前端
今天,我们来一起学习一下如何把元素添加到元素的首个元素。

[[382807]]

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

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

1.Array.unshift()

  1. let fruits = ["Apple""Banana""Mango"]; 
  2.  
  3. fruits.unshift("Orange"); 
  4. console.log(fruits); 
  5. // Prints ["Orange""Apple""Banana""Mango"]  
  6. fruits.unshift("Guava""Papaya"); 
  7. console.log(fruits); 
  8. // Prints ["Guava""Papaya""Orange""Apple""Banana""Mango"

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

  1. var fruits = ["Apple""Banana""Mango"]; 
  2.  
  3. var moreFruits = ["Orange", ...fruits]; 
  4. console.log(moreFruits); 
  5. // Prints ["Orange""Apple""Banana""Mango"]  
  6. var someoMoreFruits = ["Guava""Papaya", ...moreFruits]; 
  7. console.log(someoMoreFruits); 
  8. // Prints ["Guava""Papaya""Orange""Apple""Banana""Mango"]  
  9. console.log(fruits); 
  10. // Prints ["Apple""Banana""Mango"

3.使用 Array.concat()

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

  1. var fruits = ["Apple""Banana""Mango"]; 
  2. var moreFruits = ["Orange"]; 
  3. var someoMoreFruits = ["Guava""Papaya"]; 
  4.  
  5. var allFruits = someoMoreFruits.concat(moreFruits, fruits); 
  6. console.log(allFruits); 
  7. // Prints ["Guava""Papaya""Orange""Apple""Banana""Mango"

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

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

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

 

责任编辑:姜华 来源: 大迁世界
相关推荐

2023-06-27 08:53:05

跳跃表Redis

2023-07-20 15:37:50

Bash数组

2021-02-20 08:01:48

索引数组元素

2021-04-09 18:01:03

前端ReactDOM

2021-03-18 10:45:02

JavaScript数组运算符

2021-03-11 23:43:20

JavaScript数组开发

2021-07-22 09:53:34

Vector类Java添加元素

2021-04-27 07:00:08

UbuntuLinux指纹登录

2019-03-28 09:25:51

Linux磁盘命令

2021-02-01 07:55:37

JS 数组元素

2021-09-07 15:25:51

鸿蒙HarmonyOS应用

2010-01-28 10:06:05

Linux系统调用

2022-06-01 08:12:32

JS类数组对象

2023-10-19 14:52:27

2018-10-11 09:40:53

前端JavaScript编程语言

2013-11-15 14:11:17

Ubuntu 13.1菜单

2020-03-10 10:45:06

GIMP新画笔Linux

2009-12-07 15:02:48

PHP搜索数组

2020-11-26 08:12:24

JavaScript对象数组

2011-08-19 15:53:01

Windows7Windows日历组件
点赞
收藏

51CTO技术栈公众号