[解決済み] Javascript マップ配列の最終項目

質問

こんなものがあります。

map = ranks.map((row, r) => (
  row.map((rank, i) => {
    return [element(r, i, state, rank, toggled, onClick)];
  })
));

2次元の配列にマッピングしています。 それぞれの行の後に <div class="clearfix"></div> .

私はどうにかして各行の最後のインデックスを得ることができれば、私は行マップコールバックでそれを使用することができるようになると思います。どなたか、その方法を教えていただけませんか？

どのように解決するのですか？

次のような方法を試してみてください。

row.map((rank, i, row) => {
  if (i + 1 === row.length) {
    // Last one.
  } else {
    // Not last one.
  }
})

古い回答です。

const rowLen = row.length;
row.map((rank, i) => {
  if (rowLen === i + 1) {
    // last one
  } else {
    // not last one
  }
})