JS在數(shù)組頭部添加元素的3種方法
1. 使用Array.unshift()方法,在數(shù)組頭部插入元素
let person= ['張三', '李四', '王五']; console.log(person.unshift('小明')); // 4 console.log(person); // ["小明", "張三", "李四", "王五"] // 注意: 此方法的返回值是數(shù)組的長(zhǎng)度 且改變?cè)瓟?shù)組
2. 使用ES6的擴(kuò)展運(yùn)算符(...)
// 定義一個(gè)數(shù)組 let arr = ['張三', '李四'] let arr2 = ['王五', ...arr] console.log(arr2) // 王五 張三 李四 // 定義一個(gè)數(shù)組,在頭部寫(xiě)好需要插入的項(xiàng)后使用擴(kuò)展運(yùn)算符對(duì)原數(shù)組進(jìn)行展開(kāi)
3. 使用Array.contact方法,將數(shù)組進(jìn)行拼接
// contact方法連接兩個(gè)或多個(gè)數(shù)組 let arr1 = ['前端', 'JAVA'] let arr2 = ['攻城獅', '程序猿'] // 需添加在頭部的元素 console.log(arr2.contact(arr1)) // 攻城獅 程序猿 前端 JAVA // 注: contact方法不改變?cè)瓟?shù)組
附:在數(shù)組中添加刪除或替換元素
splice();在任意位置添加或刪除元素,返回刪除或被替換的值,如果沒(méi)有被刪除或替換則返回空數(shù)組;
splice()方法會(huì)修改原數(shù)組的值;
只有一個(gè)值時(shí),從當(dāng)前位置刪除到數(shù)組末尾
let arr=[1,2,3,4,5]; let num1=arr.splice(1) console.log(num1;arr)//num=[2,3,4,5];arr=[1];
有兩個(gè)值時(shí),第一個(gè)值為刪除的位置,第二個(gè)值為刪除的個(gè)數(shù);
let arr=[1,2,3,4,5]; let num1=arr.splice(2,3)//刪除從索引值2開(kāi)始的3個(gè)元素 console.log(num1;arr);// num1=[3,4,5],arr=[1,2]
有三個(gè)或者多個(gè)值時(shí),第一個(gè)值為插入元素的位置,第二個(gè)值為替換的個(gè)數(shù),后面的值都為插入的新元素;
let arr=[1,2,3,4,5]; let num2=arr.splice(2,1,6,7,8);//從索引值2開(kāi)始替換掉1個(gè)元素,并且插入6,7,8 //如果第二個(gè)值為0,則不替換,直接插入6,7,8; console.log(num2;arr);//被替換的值num2=[3]; arr=[1,2,6,7,8,4,5]
總結(jié)
到此這篇關(guān)于JS在數(shù)組頭部添加元素的3種方法的文章就介紹到這了,更多相關(guān)JS數(shù)組頭部添加元素內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript實(shí)現(xiàn)十秒鐘后注冊(cè)按鈕可點(diǎn)擊的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)十秒鐘后注冊(cè)按鈕可點(diǎn)擊的方法,涉及javascript時(shí)間及樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05js彈出層包含flash 不能關(guān)閉隱藏的2種處理方法
js彈出層包含flash 不能關(guān)閉隱藏的2種處理方法,需要的朋友可以參考一下2013-06-06JavaScript全屏和退出全屏事件總結(jié)(附代碼)
這篇文章主要介紹了JavaScript全屏和退出全屏事件,先通過(guò)window.ieIsfSceen = false或true進(jìn)行判斷是否為全屏,在進(jìn)行進(jìn)入全屏和退出全屏的操作,需要的朋友可以參考下2017-08-08js 無(wú)提示關(guān)閉瀏覽器頁(yè)面的代碼
js 無(wú)提示關(guān)閉瀏覽器頁(yè)面的代碼與函數(shù)需要的朋友可以參考下。2010-03-03input輸入框限制只能輸入數(shù)字的方法實(shí)例(個(gè)人認(rèn)為最好的)
在很多業(yè)務(wù)中需要對(duì)輸入框進(jìn)行字符限制,比如金額輸入框、手機(jī)號(hào)碼輸入框等,下面這篇文章主要給大家介紹了關(guān)于input輸入框限制只能輸入數(shù)字的相關(guān)資料,文中介紹的方法個(gè)人認(rèn)為最好的,需要的朋友可以參考下2022-10-10JS實(shí)現(xiàn)跟隨鼠標(biāo)立體翻轉(zhuǎn)圖片的方法
這篇文章主要介紹了JS實(shí)現(xiàn)跟隨鼠標(biāo)立體翻轉(zhuǎn)圖片的方法,涉及javascript操作圖片翻轉(zhuǎn)的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05如何通過(guò)js實(shí)現(xiàn)圖片預(yù)覽功能【附實(shí)例代碼】
如何通過(guò)js實(shí)現(xiàn)圖片預(yù)覽功能呢?下面小編就為大家?guī)?lái)一篇用js實(shí)現(xiàn)圖片預(yù)覽功能。給大家做個(gè)參考吧,一起跟隨小編過(guò)來(lái)看看2016-03-03uniapp小程序項(xiàng)目獲取位置經(jīng)緯度信息
在實(shí)際項(xiàng)目中很多時(shí)候我們需要獲取設(shè)備的位置信息,去展示給客戶(hù),或者以位置信息為參數(shù),繼續(xù)向服務(wù)器獲取一些數(shù)據(jù),這篇文章主要介紹了uni-app如何獲取位置信息(經(jīng)緯度),需要的朋友可以參考下2022-11-11