详解JavaScript数组开头添加元素的3种方法


本文摘自PHP中文网,作者青灯夜游,侵删。

本篇文章给大家介绍一下JavaScript中将元素添加到数组开头的3种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

今天,我们来一起学习一下如何把元素添加到数组的开头。

1.Array.unshift()

1

2

3

4

5

6

7

8

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.使用展开运算符(...)

1

2

3

4

5

6

7

8

9

10

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()方法在开头连接两个(或更多)数组。

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

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

阅读剩余部分

相关阅读 >>

java和javascript有什么区别

html5结合javascript实现简易音乐播放器

javascript算术运算符有哪些

移动端页面头部固定定位的绝对定位实现(代码示例)

用js和html做一个简易画板代码

javascript怎么判断数据类型

javascript怎么保留两位小数

javascript怎么改变鼠标指针样式

canvas跨域的解决方案介绍

jquery javascript ajax区别是什么

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...