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,
    }))),
}));