title: `for` loops vs `.map` to iterate arrays
body: <p>Is there a specific reason why is better to use <code>.map</code> than <code>for</code> loops in React?</p>
  
  <p>I'm working on a project where all arrays are being iterated with <code>for</code> loops but I'm convinced that is better and good practice to use <code>.map</code> because it creates a copy of the array, that to my understanding is better practice but I can't find a specific reason.</p>