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

本文已经过原作者 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中的数组开头添加元素?
URL标题：http://www.hantingmc.com/qtweb/news21/239521.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联