JavaScript 数组 : Given array[n], 获取数组[n*m]

Question

我想知道使用 javascript 原生数组方法(map、reduce 等)解决此问题的最佳方法是什么。

给定一个包含 n 个对象的数组，我想创建另一个数组，其中包含原始数组中每个元素的 m 个对象。我可以使用常见的“for”循环来迭代数组来完成此操作，但我想知道是否可以使用 native 数组方法来解决它。

示例案例:

我有一个包含 n 个元素的数组，如“ObjectA”:

var objectA = {
       name: "xxx",
       tels: ["yyy","zzz"]
};

我想获取另一个“ObjectB”类型的对象数组:

var objectB = {
       name: "xxx",
       tel: "yyy"
};

因此在这种情况下，如果第一个数组仅包含 objectA，则所需的结果将是:

[
   {
      name: "xxx",
      tel: "yyy"
   },
   {
      name: "xxx",
      tel: "zzz"
   }
]

我尝试使用两个嵌套的“map”调用，但回调函数只能返回一个元素。

var array1 = [objectA];

var array2 = array1.map(function(objectA){
   return objectA.tels.map(function(tel){
      return {
                 name : objectA.name,
                 tel : tel
              };
   });
});

在回调中返回另一个数组，生成一个数组的数组，这不是我想要的。数组2结果:

[
   [
      {
         name: "xxx",
         tel: "yyy"
      },
      {
         name: "xxx",
         tel: "zzz"
      }
   ]
]

我必须使用通用的 for 循环还是有原生的 javascript 方式？

Answer 1

Array.prototype.map此处无法使用 array1 root，因为它返回相同长度的数组，这不是您想要的。

如果您想要其他长度，可以使用 Array.prototype.reduce ，然后使用 Array.prototype.map对于每个对象电话。

var array2 = array1.reduce(function (prev, curr) {
    return prev.concat(curr.tels.map(function (tel) {
        return {name: curr.name, tel: tel};
    }));
}, []);