如何向数组追加内容？
https://stackoverflow.com/questions/351409
-
20-08-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian题
如何在 JavaScript 中将对象（例如字符串或数字）附加到数组？
解决方案
使用 Array.prototype.push 将值追加到数组的方法：
// initialize array
var arr = [
"Hi",
"Hello",
"Bonjour"
];
// append new value to the array
arr.push("Hola");
console.log(arr);您可以使用 push() 在一次调用中将多个值附加到数组的函数：
// initialize array
var arr = ["Hi", "Hello", "Bonjour", "Hola"];
// append multiple values to the array
arr.push("Salut", "Hey");
// display all values
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}更新
如果要将一个数组的项添加到另一个数组中，可以使用 firstArray.concat(secondArray):
var arr = [
"apple",
"banana",
"cherry"
];
arr = arr.concat([
"dragonfruit",
"elderberry",
"fig"
]);
console.log(arr);更新
如果您想将任何值附加到数组的开头（这意味着第一个索引），那么您可以使用 Array.prototype.unshift 以此目的。
var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr);它还支持一次附加多个值，就像 push.
其他提示
如果你只追加一个变量，然后push()工作得很好。如果需要追加另一个数组，使用concat()：
var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];
var ar3 = ar1.concat(ar2);
alert(ar1);
alert(ar2);
alert(ar3);
在的concat不影响ar1和ar2除非重新分配，例如：
var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];
ar1 = ar1.concat(ar2);
alert(ar1);
这是伟大的信息很多这里。
一些快速制定基准(每个试验=500k所附的元素和结果平均值的多次运行)显示如下：
Firefox3.6(Mac):
- 小型阵列：
arr[arr.length] = b速度更快 (300毫秒对800毫秒) - 大阵列：
arr.push(b)速度更快 (500毫秒对900ms)
Safari5.0(Mac):
- 小型阵列：
arr[arr.length] = b速度更快 (90毫秒对115ms) - 大阵列：
arr[arr.length] = b速度更快 (160ms与185ms)
谷歌铬6.0(Mac):
- 小型阵列： 没有显着的差别 (和铬是快！只~38ms!!)
- 大阵列： 没有显着的差别 (160ms)
我喜欢的 arr.push() 语法更好，但我认为我会更好的 arr[arr.length] 版本，至少在原速度。我喜欢看到结果即运行。
我的基准测试循环：
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;
}
}
我认为值得一提的是，push 可以使用多个参数调用，这些参数将按顺序附加到数组中。例如：
var arr = ['first'];
arr.push('second', 'third');
console.log(arr);因此，您可以使用 push.apply 将一个数组附加到另一个数组，如下所示：
var arr = ['first'];
arr.push('second', 'third');
arr.push.apply(arr, ['forth', 'fifth']);
console.log(arr);带注释的 ES5 有更多关于具体内容的信息 推 和 申请 做。
2016年更新：和 传播, ，你不需要那个 apply 不再这样了，比如：
var arr = ['first'];
arr.push('second', 'third');
arr.push(...['fourth', 'fifth']);
console.log(arr) ;可以使用push和apply功能追加两个阵列。
var array1 = [11, 32, 75];
var array2 = [99, 67, 34];
Array.prototype.push.apply(array1, array2);
console.log(array1);
有将追加array2到array1。现在array1包含[11, 32, 75, 99, 67, 34]。
这个代码是简单得多比写for循环阵列中的每个和每一个项目进行复制。
有了新ES6 扩展运算符, ，使用连接两个数组 push 变得更加容易：
var arr = [1, 2, 3, 4, 5];
var arr2 = [6, 7, 8, 9, 10];
arr.push(...arr2);
console.log(arr);这添加了以下内容 arr2 到结束时 arr.
如果arr是一个数组，并且val是要添加使用的值：
arr.push(val);
E.g。
var arr = ['a', 'b', 'c'];
arr.push('d');
console.log(arr);
