為什么我在 JavaScript 中使用映射時得到 <1 個空項目>

Question

我使用 JSON 返回一個數組。

Json：

const data = [{
  "week": 1,
  "lost": 10,
  "recovery_timespan": [{
    "week": 2,
    "count": 1
  }, {
    "week": 3,
    "count": 0
  }],
   "netLost": 10,
  "netReturned": 20
}, {
  "week": 2,
  "lost": 7,
  "recovery_timespan": [{
    "week": 3,
    "count": 1
  }, {
    "week": 4,
    "count": 3
  }],
  "netLost": 30,
  "netReturned": 200
}, {
  "week": 3,
  "lost": 8,
  "recovery_timespan": [{
    "week": 4,
    "count": 1
  }],
  "netLost": 50,
  "netReturned": 40
}];

我需要將數據放入一個數組中，其中包含lost 、 counts of recovery_timespan 、 netLost 、 netReturned的計數。

預計 Output：

[ [ 10, 1, 0, 10, 20 ],
  [ 7, 1, 3, 30, 200 ],
  [ 8, 1, 50, 40 ] ]

我的方法：

const result = data.map(({lost, recovery_timespan,netLost,netReturned}) => [
  lost,
  ...recovery_timespan.map(({count}) => count),
  ,netLost,netReturned
]);

console.log(result);

這個返回數組<1 empty item> ：

[ [ 10, 1, 0, <1 empty item>, 10, 20 ],
  [ 7, 1, 3, <1 empty item>, 30, 200 ],
  [ 8, 1, <1 empty item>, 50, 40 ] ]

這里的問題是什么？

Answer 1

在嵌套的 map 之后還有一個, ：

const result = data.map(({lost, recovery_timespan,netLost,netReturned}) => [
  lost,
  ...recovery_timespan.map(({count}) => count), // <--
  ,netLost,netReturned
//^--
]); 

這會在數組中創建一個洞。 這就是為什么您在 output 中看到<1 empty item>

 console.log([1,,2])

Answer 2

為什么我得到 <1 個空項目>

你有一個額外的逗號：

const result = data.map(({lost, recovery_timespan,netLost,netReturned}) => [
  lost,
  ...recovery_timespan.map(({count}) => count), 
 here ---> ,netLost,netReturned
]);

只需將其刪除。

Answer 3

const res = data.map((el) => [
  el.lost,
  ...el.recovery_timespan.map((timespan) => timespan.count),
  /* extra comma here --> */, el.netLost,
  el.netReturned
])

[ [ 10, 1, 0, 10, 20 ], [ 7, 1, 3, 30, 200 ], [ 8, 1, 50, 40 ] ]

Answer 4

不完全確定，但也許試試這個。

...recovery_timespan.map(({count}) => count.count)