JS中實(shí)現(xiàn)數(shù)組開(kāi)頭添加元素
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)頭添加元素并返回新數(shù)組
1.運(yùn)行時(shí)間: 977ms 占用內(nèi)存: 77900KB
function prepend(arr, item) { ? ? var newarr = arr.concat(); ? ? newarr.unshift(item) ? ? return newarr } var arr = [1, 2, 3, 4]; var item = 10
2.運(yùn)行時(shí)間: 1048ms 占用內(nèi)存: 77776KB
function prepend(arr, item) { ? ? var newarr = arr.slice(); ? ? newarr.unshift(item) ? ? return newarr } var arr = [1, 2, 3, 4]; var item = 10;
3.運(yùn)行時(shí)間: 1034ms 占用內(nèi)存: 77776KB
function prepend(arr, item) { ? ? return [item].concat(arr) } var arr = [1, 2, 3, 4]; var item = 10;
4.運(yùn)行時(shí)間: 1010ms 占用內(nèi)存: 77880KB
function prepend(arr, item) { ? ? var newarr = [item]; ? ? newarr.push.apply(newarr,arr) ? ? return newarr } var arr = [1, 2, 3, 4]; var item = 10;
5.運(yùn)行時(shí)間: 1409ms 占用內(nèi)存: 77840KB
function prepend(arr, item) { ? ? var newarr = arr.slice(); ? ? newarr.splice(0,0,item); ? ? return newarr } var arr = [1, 2, 3, 4]; var item = 10;
6.運(yùn)行時(shí)間: 997ms 占用內(nèi)存: 77848KB
function prepend(arr, item) { ? ? var newarr = [item]; ? ? for(var i = 0; i < arr.length; i++){ ? ? ? ? newarr.push(arr[i]) ? ? } ? ? return newarr } var arr = [1, 2, 3, 4]; var item = 10;
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)現(xiàn)頁(yè)面刷新時(shí)自動(dòng)清空表單并選中的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)頁(yè)面刷新時(shí)自動(dòng)清空表單并選中的方法,涉及javascript中reset與focus方法的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07原生js實(shí)現(xiàn)中獎(jiǎng)信息無(wú)間隙滾動(dòng)效果
本文主要分享了原生js實(shí)現(xiàn)中獎(jiǎng)信息無(wú)間隙滾動(dòng)效果的示例代碼。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01JavaScript使用Promise實(shí)現(xiàn)分批處理接口請(qǐng)求
當(dāng)我們?cè)趯?shí)際項(xiàng)目中遇到需要批量發(fā)起上百條接口請(qǐng)求怎么辦呢,本文就來(lái)為大家介紹一下JavaScript如何使用Promise實(shí)現(xiàn)分批處理接口請(qǐng)求,需要的小伙伴可以參考一下2023-11-11JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換,浮點(diǎn)數(shù)相加,數(shù)字判斷操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換,浮點(diǎn)數(shù)相加,數(shù)字判斷操作,結(jié)合實(shí)例形式分析了JavaScript數(shù)值運(yùn)算、判斷相關(guān)操作技巧,需要的朋友可以參考下2019-11-11javascript 動(dòng)態(tài)加載 css 方法總結(jié)
有時(shí)候我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候想動(dòng)態(tài)的加載css文件,并不是將css文件寫(xiě)死在頁(yè)面中,這時(shí)就可以使用下面方法.2009-07-07webpack 插件html-webpack-plugin的具體使用
本篇文章主要介紹了webpack 插件html-webpack-plugin的具體使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04