Avatar ·

Cómo recorrer correctamente un array en JavaScript: forEach, for...of o el bucle for tradicional

¡Hola a todos! Acabo de empezar a estudiar JavaScript y me encontré con un problema. Necesito recorrer todos los elementos de un array y realizar alguna acción con ellos. Sé que hay muchas formas, pero estoy confundido sobre cuál es la correcta y cuándo usar cada una. Aquí hay un ejemplo: tengo un array de números `[1, 2, 3, 4, 5]` y quiero imprimir cada elemento en la consola. Probé varias opciones: 1. Bucle `for` tradicional: ```javascript let arr = [1, 2, 3, 4, 5]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. Método `forEach`: ```javascript arr.forEach(function(item) { console.log(item); }); ``` 3. Bucle `for...of`: ```javascript for (let item of arr) { console.log(item); } ``` Las tres opciones funcionan, pero no entiendo cuál es la diferencia entre ellas. ¿Cuándo usar cada una? También he oído hablar de `for...in`, pero dicen que no se debe usar para arrays. ¿Por qué? Y otra pregunta: no solo necesito imprimir los elementos, sino crear un nuevo array donde cada