将两个数组合并为一个数组javascript

Question

我目前有两个阵列

array1 = [5, 10, 20]
array2 = [10, 20, 30]

无论是array3还是类似的东西：

array4 = [{"a":5, "b":10}, {"a":10, "b":20}, {"a":20, "b":30}]

我知道这可能是一个简单的问题，但我甚至不确定会调用哪个array3所以很难谷歌这个。

Answer 1

非常简单，首先我们创建一个结果数组，然后我们遍历第一个数组并向其中添加元素。 这是一个工作小提琴。

请注意，在您的代码中，您有{5,10}这样的符号，这在JavaScript中是非法的，我假设您的意思是数组。

var result = [];
for(var i=0;i<array1.length;i++){
   result.push([array1[i],array2[i]]);
}

编辑后更新 ，似乎你想要对象，试试

var result = [];
for(var i=0;i<array1.length;i++){
   result.push({a:array1[i],b:array2[i]});//add object literal
}

如果您愿意，还可以使用map并在功能上编写相同的代码。 这是这种实现的小提琴

Answer 2

这叫做zip ...

function zip() {
    var args = [].slice.call(arguments);
    var shortest = args.length==0 ? [] : args.reduce(function(a,b){
        return a.length<b.length ? a : b
    });

    return shortest.map(function(_,i){
        return args.map(function(array){return array[i]})
    });
}

使用许多这些实用程序功能检查Underscore是一个很棒的js库...

Answer 3

您可以使用ES6新功能轻松完成此操作

 var  array1 = [5, 10, 20];
   var   array2 = [10, 20, 30];
  var combineArray = [...array1 , ...array2];
       //output should be like this of combine array : [5, 10 ,20 ,10 ,20 ,30]

如果你想在两个数组中添加额外的项目，那么你可以使用以下方式：

 var combineArray = [...array1 ,333, ...array2];
           //output should be like this of combine array : [5, 10 ,20 ,333 ,10 ,20 ,30]