map方法里面的两个map方法

Question

在我的示例中，我有一个对象数组，我想将其映射到另一个对象数组：

Resurs.map((item) => ({
  Cen: item.Cent,
  level: [
    item.NumList.map((item) => ({
      Kom: item.Number,
      Num: item.Kor,
    })),
    item.SerList.map((item) => ({
      Kom2: item.Ser,
    })),
  ],
}));

所以，我在 map 方法中有 2 个 map 方法。 它将返回：

{
  Cen: "aaa",
  level: [
    [ // -> want to get rid of this
      {
        Kom: "aaa",
        Num: "aaa",
      },
      {
        Kom: "bbb",
        Num: "bbb",
      },
    ], // -> and this
    [ //-> and this
      { Kom2: "aaa" },
      { Kom2: "bbb" },
    ], //-> and this
  ],
};

因此，两个映射函数都需要在level键内，但不是作为内部有两个列表的列表，而是作为带有对象的列表。

所以，我想实现：

{
  Cen: "aaa",
  level: [
    {
      Kom: "aaa",
      Num: "aaa",
    },
    {
      Kom: "bbb",
      Num: "bbb",
    },
    { Kom2: "aaa" },
    { Kom2: "bbb" },
  ],
};

Answer 1

你快到了！ 答案是扩展运算符。 只需将其插入您的内部地图中。

插入级别时，您可以使用扩展运算符来扩展数组。

扩展运算符可以与数组或对象一起使用。

例子：

var a = [1, 2, 3, 4];
var b = [5, 6, 7];

var c = [a, b];   //  [[1, 2, 3, 4], [5, 6, 7]]  // This is what you are doing

Solution: 
var d = [...a, ...b];   //  [1, 2, 3, 4, 5, 6, 7]

完整的解决方案：

 const Resurs = [ { Cent: "centValue", NumList: [ { Number: "numValue1", Kor: "KorValue1" }, { Number: "numValue3", Kor: "KorValue2" }, { Number: "numValue3", Kor: "KorValue3" } ], SerList: [ { Ser: "SerValue1" }, { Ser: "SerValue2" } ] } ]; const data = Resurs.map((item) => ({ Cen: item.Cent, level: [ ...item.NumList.map((item) => ({ // Just add ... Kom: item.Number, Num: item.Kor, })), ...item.SerList.map((item) => ({ // Just add ... Kom2: item.Ser, })), ], })); console.log(data);

Answer 2

首先不要创建外部数组：

const data = Resurs.map((item) => ({
  Cen: item.Cent,
  level: item.NumList.map((item) => ({
      Kom: item.Number,
      Num: item.Kor,
    })).concat(item.SerList.map((item) => ({
      Kom2: item.Ser,
    }))),
}));