本文已經(jīng)過原作者 Orkhan Jafarov 授權(quán)翻譯。

創(chuàng)新互聯(lián)公司服務(wù)項目包括西烏珠穆沁網(wǎng)站建設(shè)、西烏珠穆沁網(wǎng)站制作、西烏珠穆沁網(wǎng)頁制作以及西烏珠穆沁網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，西烏珠穆沁網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到西烏珠穆沁省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

今天，我們來一起學(xué)習一下如何把元素添加到元素的首個元素。

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()方法在開頭連接兩個(或更多)數(shù)組。

 
 
 
 

  
  
  
  
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中的數(shù)組開頭添加元素?
文章出自：http://uogjgqi.cn/article/cdgjjeg.html