如何給JS中的數組開頭添加元素
更新時間：2022年08月02日 14:07:21 作者：前端開發(fā)工程師在杭州
這篇文章主要介紹了如何給JS中的數組開頭添加元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
JS數組開頭添加元素
1.使用Array.unshift()方法
//向數組開頭添加一個或多個元素，并返回新的長度，該方法改變原數組
let person= ['張三', '李四', '王五'];
console.log(person.unshift('小明')); // 4
console.log(person); // ["小明", "張三", "李四", "王五"]2.使用擴展運算符(…)
var arr1 = ['張三', '李四', '王五']; var arr2 = ['小明', ...arr1]; console.log(arr2); // ["小明", "張三", "李四", "王五"]
3.使用Aarry.concat()方法
//用于連接兩個或多個數組，并返回一個新數組，該方法不會改變原數組 var arr3 = ['aaa']; console.log(arr3.concat(arr2)); // ["aaa", "小明", "張三", "李四", "王五"] console.log(arr2); // ["小明", "張三", "李四", "王五"]
向數組的開頭添加一個或更多元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");fruits 將輸出：
Lemon,Pineapple,Banana,Orange,Apple,Mango
unshift() 方法可向數組的開頭添加一個或更多元素，并返回新的長度。
注意： 該方法將改變數組的數目。
提示：將新項添加到數組末尾，請使用push()方法。
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript實現的貝塞爾曲線算法,結合簡單實例形式分析了基于javascript的貝塞爾曲線算法的相關實現技巧,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了js操作滾動條事件的方法,實例分析了滾動條的使用技巧與相關注意事項,需要的朋友可以參考下2015-01-01
5個數組Array方法: indexOf、filter、forEach、map、reduce使用實例
這篇文章主要介紹了5個數組Array方法: indexOf、filter、forEach、map、reduce使用實例,需要的朋友可以參考下2015-01-01
在基本類型當中，有三種類型是我們經常使用的：boolean，number，string，通過本篇文章給大家介紹javascript高級教程5.6之基本包裝類型，感興趣的朋友一起學習吧2015-11-11
這篇文章主要為大家詳細介紹了JavaScript實現購物車案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
在正式開始之前，我想先說兩句，理解javascript系列博文是通過帶領大家分析javascript執(zhí)行時的內存分配情況，來解釋javascript原理，具體會涵蓋javascript預加載，閉包原理，面象對象，執(zhí)行模型，對象模型...,文章的視角很特別，也非常深入，希望大家能接受這種形式，并提供寶貴意見。2010-10-10
在JavaScript中，對對象進行拷貝的場景比較常見。但是簡單的復制語句只能對對象進行淺拷貝，即復制的是一份引用，而不是它所引用的對象。而更多的時候，我們希望對對象進行深拷貝，避免原始對象被無意修改2016-12-12
今天的項目中碰到了一個亂碼問題，從JS里傳URL到服務器，URL中有中文參數，服務器里讀出的中文參數來的全是“？”，查了網上JS編碼相關資料得以解決。2009-09-09
這篇文章主要介紹了js this 綁定機制,結合實例形式深入分析了js this 綁定機制相關原理、使用技巧與操作注意事項,需要的朋友可以參考下2020-04-04
根據判斷瀏覽器類型屏幕分辨率自動調用不同CSS的代碼...2007-02-02