JS中實(shí)現(xiàn)數(shù)組開頭添加元素
JS數(shù)組開頭添加元素
1.使用Array.unshift()方法
//向數(shù)組開頭添加一個或多個元素,并返回新的長度,該方法改變原數(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()方法
//用于連接兩個或多個數(shù)組,并返回一個新數(shù)組,該方法不會改變原數(shù)組 var arr3 = ['aaa']; console.log(arr3.concat(arr2)); // ["aaa", "小明", "張三", "李四", "王五"] console.log(arr2); // ["小明", "張三", "李四", "王五"]
數(shù)組開頭添加元素并返回新數(shù)組
1.運(yùn)行時間: 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)行時間: 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)行時間: 1034ms 占用內(nèi)存: 77776KB
function prepend(arr, item) { ? ? return [item].concat(arr) } var arr = [1, 2, 3, 4]; var item = 10;
4.運(yùn)行時間: 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)行時間: 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)行時間: 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é)
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)現(xiàn)頁面刷新時自動清空表單并選中的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)頁面刷新時自動清空表單并選中的方法,涉及javascript中reset與focus方法的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07JavaScript使用Promise實(shí)現(xiàn)分批處理接口請求
當(dāng)我們在實(shí)際項(xiàng)目中遇到需要批量發(fā)起上百條接口請求怎么辦呢,本文就來為大家介紹一下JavaScript如何使用Promise實(shí)現(xiàn)分批處理接口請求,需要的小伙伴可以參考一下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 動態(tài)加載 css 方法總結(jié)
有時候我們在設(shè)計(jì)網(wǎng)頁的時候想動態(tài)的加載css文件,并不是將css文件寫死在頁面中,這時就可以使用下面方法.2009-07-07webpack 插件html-webpack-plugin的具體使用
本篇文章主要介紹了webpack 插件html-webpack-plugin的具體使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04