如何在JavaScript中将对象(如字符串或数字)附加到数组中?
当前回答
您可以使用push和apply函数附加两个数组。
var数组1=[11,32,75];var数组2=[99,67,34];数组.原型.推送.应用(array1,array2);console.log(array1);
它将把array2追加到array1。现在数组1包含[11,32,75,99,67,34]。这段代码比编写循环来复制数组中的每个项要简单得多。
其他回答
如果arr是数组,而val是要添加的值,请使用:
arr.push(val);
E.g.
var arr=[‘a’,‘b’,‘c’];arr.push('d');控制台日志(arr);
你.push()中的值。示例:array.push(value);
一些快速基准测试(每个测试=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;
}
}
如果您使用的是ES6,则可以使用扩展运算符来执行此操作。
var arr = [
"apple",
"banana",
"cherry"
];
var arr2 = [
"dragonfruit",
"elderberry",
"fig"
];
arr.push(...arr2);
将值附加到数组
由于Array.prototype.push将一个或多个元素添加到数组的末尾,并返回数组的新长度,因此有时我们只想获得最新的数组,这样我们就可以这样做:
const arr = [1, 2, 3];
const val = 4;
arr.concat([val]); // [1, 2, 3, 4]
或者只是:
[...arr, val] // [1, 2, 3, 4]
推荐文章
- 我如何使用Jest模拟JavaScript的“窗口”对象?
- 我如何等待一个承诺完成之前返回一个函数的变量?
- 在JavaScript中根据键值查找和删除数组中的对象
- 使嵌套JavaScript对象平放/不平放的最快方法
- 如何以及为什么'a'['toUpperCase']()在JavaScript工作?
- 有Grunt生成index.html不同的设置
- 文档之间的区别。addEventListener和window。addEventListener?
- 如何检查动态附加的事件监听器是否存在?
- 如何确定一个数组是否包含另一个数组的所有元素
- 如何写setTimeout与参数Coffeescript
- 将JavaScript字符串中的多个空格替换为单个空格
- 给定一个数字数组,返回所有其他数字的乘积的数组(不除法)
- 多维数组如何在内存中格式化?
- JavaScript: override alert()
- 重置setTimeout