我有一个JavaScript数组dataArray，我想把它推到一个新数组newArray。只是我不想让newArray[0]为dataArray。我想把所有的项都推入新数组:
var newArray = [];
newArray.pushValues(dataArray1);
newArray.pushValues(dataArray2);
// ...
或者更好:
var newArray = new Array (
dataArray1.values(),
dataArray2.values(),
// ... where values() (or something equivalent) would push the individual values into the array, rather than the array itself
);
现在新数组包含了各个数据数组的所有值。是否有一些像pushValues这样的速记可用，这样我就不必遍历每个单独的数据数组，逐个添加项?
当前回答
从MDN找到了一个优雅的方式
var vegetables = ['parsnip', 'potato'];
var moreVegs = ['celery', 'beetroot'];
// Merge the second array into the first one
// Equivalent to vegetables.push('celery', 'beetroot');
Array.prototype.push.apply(vegetables, moreVegs);
console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']
或者你可以使用ES6的扩展操作符特性:
let fruits = [ 'apple', 'banana'];
const moreFruits = [ 'orange', 'plum' ];
fruits.push(...moreFruits); // ["apple", "banana", "orange", "plum"]
其他回答
在ECMAScript 6中，你可以使用Spread语法:
设arr1 = [0,1,2]; Let arr2 = [3,4,5]; arr1.push(…arr2); console.log (arr1)
扩展语法在所有主流浏览器(不包括IE11)中都可用。关于当前的兼容性，请参见这个(不断更新的)兼容性表。
但是，请参阅下面杰克·吉芬的回复，了解更多关于性能的评论。似乎concat仍然比spread算子更好更快。
关于array。prototype。push。apply有很多答案。这里有一个明显的例子:
数据1 = [1,2]; 变量dataArray2 = [3,4,5]; var newArray = []; 阵列原型推送。apply (newArray, dataArray1);// newArray = [1,2] 阵列原型推送。apply (newArray, dataArray2);// newArray = [1,2,3,4,5] console . log (JSON stringify (newArray));//输出:[1、2、3、4、5]
如果你有ES6语法:
数据1 = [1,2]; 变量dataArray2 = [3,4,5]; var newArray = []; newArray。push (... dataArray1);// newArray = [1,2] newArray。push (... dataArray2);// newArray = [1,2,3,4,5] console . log (JSON stringify (newArray));//输出:[1、2、3、4、5]
性能
我分析了当前的解决方案，并提出了2个新的(F和G在详细部分提出)一个是非常快的中小型阵列
今天2020.11.13我在Chrome v86、Safari v13.1.2和Firefox v82上对所选解决方案的MacOs HighSierra 10.13.6进行测试
结果
适用于所有浏览器
对于中小型数组，基于while-pop-unshift (F,G)的解决方案在所有浏览器上(非常)最快。对于有50000个元素的数组，这个解决方案在Chrome上变慢 解决方案C,D数组500000中断:“RangeError:最大调用堆栈大小超过 解(E)最慢
细节
我执行2个测试用例:
当数组有10个元素时，你可以在这里运行它 当数组有10k个元素时-你可以在这里运行它
下面的代码片段展示了解决方案之间的差异 一个, B, C, D, E, F(我) G(我) H, 我
// https://stackoverflow.com/a/4156145/860099 function A(a,b) { return a.concat(b); } // https://stackoverflow.com/a/38107399/860099 function B(a,b) { return [...a, ...b]; } // https://stackoverflow.com/a/32511679/860099 function C(a,b) { return (a.push(...b), a); } // https://stackoverflow.com/a/4156156/860099 function D(a,b) { Array.prototype.push.apply(a, b); return a; } // https://stackoverflow.com/a/60276098/860099 function E(a,b) { return b.reduce((pre, cur) => [...pre, cur], a); } // my function F(a,b) { while(b.length) a.push(b.shift()); return a; } // my function G(a,b) { while(a.length) b.unshift(a.pop()); return b; } // https://stackoverflow.com/a/44087401/860099 function H(a, b) { var len = b.length; var start = a.length; a.length = start + len; for (var i = 0; i < len; i++ , start++) { a[start] = b[i]; } return a; } // https://stackoverflow.com/a/51860949/860099 function I(a, b){ var oneLen = a.length, twoLen = b.length; var newArr = [], newLen = newArr.length = oneLen + twoLen; for (var i=0, tmp=a[0]; i !== oneLen; ++i) { tmp = a[i]; if (tmp !== undefined || a.hasOwnProperty(i)) newArr[i] = tmp; } for (var two=0; i !== newLen; ++i, ++two) { tmp = b[two]; if (tmp !== undefined || b.hasOwnProperty(two)) newArr[i] = tmp; } return newArr; } // --------- // TEST // --------- let a1=[1,2,3]; let a2=[4,5,6]; [A,B,C,D,E,F,G,H,I].forEach(f=> { console.log(`${f.name}: ${f([...a1],[...a2])}`) })
这里是chrome的示例结果
以下对我来说似乎是最简单的:
var newArray = dataArray1.slice();
newArray.push.apply(newArray, dataArray2);
由于“push”的参数数量是可变的，所以可以使用push函数的apply方法来推送另一个数组的所有元素。它的结构 调用push，使用它的第一个参数(这里是"newArray")作为"this"和 数组的元素作为剩余的参数。
第一个语句中的切片获得第一个数组的副本，因此不需要修改它。
如果你正在使用一个可用slice的javascript版本，你可以将push表达式简化为:
newArray.push(...dataArray2)
从MDN找到了一个优雅的方式
var vegetables = ['parsnip', 'potato'];
var moreVegs = ['celery', 'beetroot'];
// Merge the second array into the first one
// Equivalent to vegetables.push('celery', 'beetroot');
Array.prototype.push.apply(vegetables, moreVegs);
console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']
或者你可以使用ES6的扩展操作符特性:
let fruits = [ 'apple', 'banana'];
const moreFruits = [ 'orange', 'plum' ];
fruits.push(...moreFruits); // ["apple", "banana", "orange", "plum"]
