如何在JavaScript中将对象(如字符串或数字)附加到数组中?


当前回答

只想添加一个片段,用于非破坏性地添加元素。

var newArr = oldArr.concat([newEl]);

其他回答

一些快速基准测试(每个测试=500k附加元素,结果是多次运行的平均值)显示如下:

Firefox 3.6(Mac):

小型阵列:arr[arr.length]=b更快(300ms vs.800ms)大型阵列:arr.push(b)更快(500ms vs.900ms)

Safari 5.0(Mac):

小型阵列:arr[arr.length]=b更快(90ms比115ms)大型阵列:arr[arr.length]=b更快(160ms比185ms)

谷歌Chrome 6.0(Mac):

小阵列:没有显著差异(而且Chrome速度很快!只有~38ms!!)大型阵列:无显著差异(160ms)

我更喜欢arr.push()语法,但我认为我最好使用arr[arr.length]版本,至少在原始速度上。我很想看看IE运行的结果。


我的基准测试循环:

function arrpush_small() {
    var arr1 = [];
    for (a = 0; a < 100; a++)
    {
        arr1 = [];
        for (i = 0; i < 5000; i++)
        {
            arr1.push('elem' + i);
        }
    }
}

function arrlen_small() {
    var arr2 = [];
    for (b = 0; b < 100; b++)
    {
        arr2 = [];
        for (j = 0; j < 5000; j++)
        {
            arr2[arr2.length] = 'elem' + j;
        }
    }
}


function arrpush_large() {
    var arr1 = [];
    for (i = 0; i < 500000; i++)
    {
        arr1.push('elem' + i);
    }
}

function arrlen_large() {
    var arr2 = [];
    for (j = 0; j < 500000; j++)
    {
        arr2[arr2.length] = 'elem' + j;
    }
}

将值附加到数组

由于Array.prototype.push将一个或多个元素添加到数组的末尾,并返回数组的新长度,因此有时我们只想获得最新的数组,这样我们就可以这样做:

const arr = [1, 2, 3];
const val = 4;

arr.concat([val]); // [1, 2, 3, 4]

或者只是:

[...arr, val] // [1, 2, 3, 4]

使用Array.prototype.push方法将值附加到数组末尾:

//初始化数组变量arr=[“嗨”,“你好”,“你好”];//将新值附加到数组arr.push(“Hola”);控制台日志(arr);


您可以使用push()函数在一次调用中将多个值附加到数组中:

//初始化数组var arr=[“Hi”,“你好”,“Bonjour”,“Hola”];//将多个值附加到数组arr.push(“Salut”,“嘿”);//显示所有值对于(变量i=0;i<arr.length;i++){控制台日志(arr[i]);}


使现代化

如果要将一个数组的项添加到另一个数组,可以使用firstArray.concat(secondArray):

变量arr=[“苹果”,“香蕉”,“樱桃”];//不要忘记分配结果,因为与push不同,concat不会更改现有数组arr=arr.concat([“龙果”,“接骨木”,“无花果”]);控制台日志(arr);

使现代化

如果你想在数组的开头加上任何值(即第一个索引),那么你可以使用array.prototype.unshift。

var arr=[1,2,3];arr.unshift(0);控制台日志(arr);

它还支持像push一样一次附加多个值。


使现代化

ES6语法的另一种方法是使用扩展语法返回新数组。这使原始数组保持不变,但返回一个附加了新项的新数组,符合函数式编程的精神。

常量arr=[“嗨”,“你好”,“你好”,];常量newArr=[…arr,“致敬”,];console.log(newArr);

push()将一个新元素添加到数组的末尾。

pop()从数组末尾删除元素。

要将对象(如字符串或数字)附加到数组,请使用:

array.push(toAppend);

附加单个元素

// Append to the end
arrName.push('newName1');

// Prepend to the start
arrName.unshift('newName1');

// Insert at index 1
arrName.splice(1, 0,'newName1');
// 1: index number, 0: number of element to remove, newName1: new element


// Replace index 3 (of exists), add new element otherwise.
arrName[3] = 'newName1';

附加多个元素

// Insert from index number 1
arrName.splice(1, 0,'newElemenet1', 'newElemenet2', 'newElemenet3');
// 1: index number from where insert starts,
// 0: number of element to remove,
//newElemenet1,2,3: new elements

附加一个数组

// Join two or more arrays
arrName.concat(newAry1, newAry2);
//newAry1,newAry2: Two different arrays which are to be combined (concatenated) to an existing array