Como percorrer um array corretamente em JavaScript: forEach, for...of ou loop for comum?

Olá a todos! Estou começando a estudar JavaScript e me deparei com um problema. Preciso percorrer todos os elementos de um array e executar alguma ação com eles. Sei que existem muitas maneiras, mas estou confuso sobre qual é a correta e quando usar cada uma.\n\nAqui está um exemplo: tenho um array de números `[1, 2, 3, 4, 5]` e quero exibir cada elemento no console. Tentei algumas opções:\n\n1. Loop `for` comum:\n```javascript\nlet arr = [1, 2, 3, 4, 5];\nfor (let i = 0; i < arr.length; i++) {\n console.log(arr[i]);\n}\n```\n\n2. Método `forEach`:\n```javascript\narr.forEach(function(item) {\n console.log(item);\n});\n```\n\n3. Loop `for...of`:\n```javascript\nfor (let item of arr) {\n console.log(item);\n}\n```\n\nTodas as três opções funcionam, mas não entendo qual é a diferença entre elas. Quando