如何給JS中的數(shù)組開頭添加元素
JS數(shù)組開頭添加元素
1.使用Array.unshift()方法
//向數(shù)組開頭添加一個(gè)或多個(gè)元素,并返回新的長度,該方法改變?cè)瓟?shù)組 let person= ['張三', '李四', '王五']; console.log(person.unshift('小明')); // 4 console.log(person); // ["小明", "張三", "李四", "王五"]
2.使用擴(kuò)展運(yùn)算符(…)
var arr1 = ['張三', '李四', '王五']; var arr2 = ['小明', ...arr1]; console.log(arr2); // ["小明", "張三", "李四", "王五"]
3.使用Aarry.concat()方法
//用于連接兩個(gè)或多個(gè)數(shù)組,并返回一個(gè)新數(shù)組,該方法不會(huì)改變?cè)瓟?shù)組 var arr3 = ['aaa']; console.log(arr3.concat(arr2)); // ["aaa", "小明", "張三", "李四", "王五"] console.log(arr2); // ["小明", "張三", "李四", "王五"]
向數(shù)組的開頭添加一個(gè)或更多元素
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple");
fruits 將輸出:
Lemon,Pineapple,Banana,Orange,Apple,Mango
unshift() 方法可向數(shù)組的開頭添加一個(gè)或更多元素,并返回新的長度。
注意: 該方法將改變數(shù)組的數(shù)目。
提示:將新項(xiàng)添加到數(shù)組末尾,請(qǐng)使用push()方法。
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)的貝塞爾曲線算法簡單示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的貝塞爾曲線算法,結(jié)合簡單實(shí)例形式分析了基于javascript的貝塞爾曲線算法的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-015個(gè)數(shù)組Array方法: indexOf、filter、forEach、map、reduce使用實(shí)例
這篇文章主要介紹了5個(gè)數(shù)組Array方法: indexOf、filter、forEach、map、reduce使用實(shí)例,需要的朋友可以參考下2015-01-01JavaScript高級(jí)教程5.6之基本包裝類型(詳細(xì))
在基本類型當(dāng)中,有三種類型是我們經(jīng)常使用的:boolean,number,string,通過本篇文章給大家介紹javascript高級(jí)教程5.6之基本包裝類型,感興趣的朋友一起學(xué)習(xí)吧2015-11-11理解Javascript_01_理解內(nèi)存分配原理分析
在正式開始之前,我想先說兩句,理解javascript系列博文是通過帶領(lǐng)大家分析javascript執(zhí)行時(shí)的內(nèi)存分配情況,來解釋javascript原理,具體會(huì)涵蓋javascript預(yù)加載,閉包原理,面象對(duì)象,執(zhí)行模型,對(duì)象模型...,文章的視角很特別,也非常深入,希望大家能接受這種形式,并提供寶貴意見。2010-10-10根據(jù)判斷瀏覽器類型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼
根據(jù)判斷瀏覽器類型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼...2007-02-02