我有一个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这样的速记可用，这样我就不必遍历每个单独的数据数组，逐个添加项?
当前回答
如果你的数组不是很大(见下面的警告)，你可以使用你想要添加值的数组的push()方法。Push()可以接受多个参数，因此可以使用它的apply()方法将要推送的值数组作为函数参数列表传递。这比使用concat()在数组中添加元素而不是创建新数组更有优势。
然而，对于大型数组(100,000成员的数量级或更多)，这种技巧可能会失败。对于这样的数组，使用循环是更好的方法。详情见https://stackoverflow.com/a/17368101/96100。
var newArray = [];
newArray.push.apply(newArray, dataArray1);
newArray.push.apply(newArray, dataArray2);
你可能想把它泛化成一个函数:
function pushArray(arr, arr2) {
arr.push.apply(arr, arr2);
}
．.． 或者将其添加到Array的原型:
Array.prototype.pushArray = function(arr) {
this.push.apply(this, arr);
};
var newArray = [];
newArray.pushArray(dataArray1);
newArray.pushArray(dataArray2);
．.． 或者模拟原始的push()方法，使用concat()，像push()一样，允许多个参数:
Array.prototype.pushArray = function() {
this.push.apply(this, this.concat.apply([], arguments));
};
var newArray = [];
newArray.pushArray(dataArray1, dataArray2);
下面是上一个例子的循环版本，适用于大型数组和所有主流浏览器，包括IE <= 8:
Array.prototype.pushArray = function() {
var toPush = this.concat.apply([], arguments);
for (var i = 0, len = toPush.length; i < len; ++i) {
this.push(toPush[i]);
}
};
其他回答
使用concat函数，如下所示:
var arrayA = [1, 2];
var arrayB = [3, 4];
var newArray = arrayA.concat(arrayB);
newArray的值将是[1,2,3,4](arrayA和arrayB保持不变;Concat为结果创建并返回一个新数组)。
在IE中使用concat函数代替push()函数。的例子,
var a=a.concat(a,new Array('amin'));
在ECMAScript 6中，你可以使用Spread语法:
设arr1 = [0,1,2]; Let arr2 = [3,4,5]; arr1.push(…arr2); console.log (arr1)
扩展语法在所有主流浏览器(不包括IE11)中都可用。关于当前的兼容性，请参见这个(不断更新的)兼容性表。
但是，请参阅下面杰克·吉芬的回复，了解更多关于性能的评论。似乎concat仍然比spread算子更好更快。
如果你想修改原始数组，你可以展开和推:
var source = [1, 2, 3];
var range = [5, 6, 7];
var length = source.push(...range);
console.log(source); // [ 1, 2, 3, 5, 6, 7 ]
console.log(length); // 6
如果你想确保源数组中只有相同类型的项(例如，不要混合数字和字符串)，那么使用TypeScript。
/**
* Adds the items of the specified range array to the end of the source array.
* Use this function to make sure only items of the same type go in the source array.
*/
function addRange<T>(source: T[], range: T[]) {
source.push(...range);
}
试试这个:
var arrayA = [1, 2];
var arrayB = [3, 4];
var newArray = arrayB.reduce((pre, cur) => [...pre, ...cur], arrayA);
console.log(newArray)
