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