欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何給JS中的數(shù)組開(kāi)頭添加元素

 更新時(shí)間:2022年08月02日 14:07:21   作者:前端開(kāi)發(fā)工程師在杭州  
這篇文章主要介紹了如何給JS中的數(shù)組開(kāi)頭添加元素,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

JS數(shù)組開(kāi)頭添加元素

1.使用Array.unshift()方法

//向數(shù)組開(kāi)頭添加一個(gè)或多個(gè)元素,并返回新的長(zhǎng)度,該方法改變?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ù)組的開(kāi)頭添加一個(gè)或更多元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

fruits 將輸出:

Lemon,Pineapple,Banana,Orange,Apple,Mango

unshift() 方法可向數(shù)組的開(kāi)頭添加一個(gè)或更多元素,并返回新的長(zhǎng)度。

注意: 該方法將改變數(shù)組的數(shù)目。

提示:將新項(xiàng)添加到數(shù)組末尾,請(qǐng)使用push()方法。 

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。 

相關(guān)文章

  • JavaScript實(shí)現(xiàn)的貝塞爾曲線算法簡(jiǎn)單示例

    JavaScript實(shí)現(xiàn)的貝塞爾曲線算法簡(jiǎn)單示例

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)的貝塞爾曲線算法,結(jié)合簡(jiǎn)單實(shí)例形式分析了基于javascript的貝塞爾曲線算法的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2018-01-01
  • js操作滾動(dòng)條事件實(shí)例

    js操作滾動(dòng)條事件實(shí)例

    這篇文章主要介紹了js操作滾動(dòng)條事件的方法,實(shí)例分析了滾動(dòng)條的使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2015-01-01
  • 5個(gè)數(shù)組Array方法: indexOf、filter、forEach、map、reduce使用實(shí)例

    5個(gè)數(shù)組Array方法: indexOf、filter、forEach、map、reduce使用實(shí)例

    這篇文章主要介紹了5個(gè)數(shù)組Array方法: indexOf、filter、forEach、map、reduce使用實(shí)例,需要的朋友可以參考下
    2015-01-01
  • JavaScript高級(jí)教程5.6之基本包裝類(lèi)型(詳細(xì))

    JavaScript高級(jí)教程5.6之基本包裝類(lèi)型(詳細(xì))

    在基本類(lèi)型當(dāng)中,有三種類(lèi)型是我們經(jīng)常使用的:boolean,number,string,通過(guò)本篇文章給大家介紹javascript高級(jí)教程5.6之基本包裝類(lèi)型,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • JavaScript實(shí)現(xiàn)購(gòu)物車(chē)案例

    JavaScript實(shí)現(xiàn)購(gòu)物車(chē)案例

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)購(gòu)物車(chē)案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • 理解Javascript_01_理解內(nèi)存分配原理分析

    理解Javascript_01_理解內(nèi)存分配原理分析

    在正式開(kāi)始之前,我想先說(shuō)兩句,理解javascript系列博文是通過(guò)帶領(lǐng)大家分析javascript執(zhí)行時(shí)的內(nèi)存分配情況,來(lái)解釋javascript原理,具體會(huì)涵蓋javascript預(yù)加載,閉包原理,面象對(duì)象,執(zhí)行模型,對(duì)象模型...,文章的視角很特別,也非常深入,希望大家能接受這種形式,并提供寶貴意見(jiàn)。
    2010-10-10
  • JavaScript 中對(duì)象的深拷貝

    JavaScript 中對(duì)象的深拷貝

    在JavaScript中,對(duì)對(duì)象進(jìn)行拷貝的場(chǎng)景比較常見(jiàn)。但是簡(jiǎn)單的復(fù)制語(yǔ)句只能對(duì)對(duì)象進(jìn)行淺拷貝,即復(fù)制的是一份引用,而不是它所引用的對(duì)象。而更多的時(shí)候,我們希望對(duì)對(duì)象進(jìn)行深拷貝,避免原始對(duì)象被無(wú)意修改
    2016-12-12
  • JS URL傳中文參數(shù)引發(fā)的亂碼問(wèn)題

    JS URL傳中文參數(shù)引發(fā)的亂碼問(wèn)題

    今天的項(xiàng)目中碰到了一個(gè)亂碼問(wèn)題,從JS里傳URL到服務(wù)器,URL中有中文參數(shù),服務(wù)器里讀出的中文參數(shù)來(lái)的全是“?”,查了網(wǎng)上JS編碼相關(guān)資料得以解決。
    2009-09-09
  • js this 綁定機(jī)制深入詳解

    js this 綁定機(jī)制深入詳解

    這篇文章主要介紹了js this 綁定機(jī)制,結(jié)合實(shí)例形式深入分析了js this 綁定機(jī)制相關(guān)原理、使用技巧與操作注意事項(xiàng),需要的朋友可以參考下
    2020-04-04
  • 根據(jù)判斷瀏覽器類(lèi)型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼

    根據(jù)判斷瀏覽器類(lèi)型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼

    根據(jù)判斷瀏覽器類(lèi)型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼...
    2007-02-02

最新評(píng)論