Implementing a for loop in js because I need to skip some elements in a map as I transform. I'm feeling dirty

* cries in functional *

@24th-Dragon not exactly

I am not skipping the transformation, but skipping the element from the array at all (as if it wasn't there)

I am mapping a list of elements to a css grid in react

some elements might take more than one cell span, so when I transform one element to a cell that might occupy the space of the next element, when I am iterating the next element I cannot know what happened to the previous element.

One option *could be* use filter before, but I think a for loop is easier; I just move the index with the cell's span, and push to an array instead of returning; with that I was able to refactor my map to a for easily

@elvieeejo

You do not need to write a for-loop.

First do a "filter" on the list to get every data you want to transform and then do "transform" function.

I know, I already mentioned filter was a possible option in the comments, but for loop was easier to refactor to