Javascript Map Array Last Item

Question

I have this:

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

It maps through a 2-dimentional array. After each row, I'd like to insert <div class="clearfix"></div>.

I think, if I could somehow get the last index for each row, so I will be able to use it in the row map callback. Can someone show me how to do it?

Answer 1

Try something like:

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

Old answer:

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