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

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

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

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]

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

作者:Orkhan Jafarov

译文地址:https://segmentfault.com/a/1190000039129785

更多编程相关知识,请访问:编程视频!!

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...