快捷導(dǎo)航

JS中實(shí)現(xiàn)數(shù)組開頭添加元素

更新時(shí)間：2023年06月05日 11:03:59 作者：前端鼓勵(lì)師

這篇文章主要介紹了JS中實(shí)現(xiàn)數(shù)組開頭添加元素方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

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

1.使用Array.unshift()方法

//向數(shù)組開頭添加一個(gè)或多個(gè)元素，并返回新的長度，該方法改變原數(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ì)改變原數(shù)組
var arr3 = ['aaa'];
console.log(arr3.concat(arr2)); // ["aaa", "小明", "張三", "李四", "王五"]
console.log(arr2); // ["小明", "張三", "李四", "王五"]

數(shù)組開頭添加元素并返回新數(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;