Como percorrer todos os elementos de um array em JavaScript? Todas as formas com exemplos

Olá a todos! Comecei a estudar JavaScript recentemente e me deparei com o seguinte problema: tenho um array com nomes de usuários e preciso exibir cada nome no console ou inserir em uma lista HTML. Sei que posso usar um loop `for` comum, mas ouvi dizer que existem outras formas — `forEach`, `for...of`, `map`. Estou completamente confuso sobre qual é melhor e quando usar cada um. Aqui está um exemplo do meu código: ```javascript const users = ['Anna', 'Ivan', 'Maria', 'Petr']; // Preciso exibir: "Olá, Anna!", "Olá, Ivan!" etc. ``` Tentei escrever assim: ```javascript for (let i = 0; i < users.length; i++) { console.log('Olá, ' + users[i] + '!'); } ``` Isso funciona, mas o código parece verboso. Ouvi dizer que existe o método `forEach`, mas não entendo como usá-lo corretamente. Além disso, vi que para arrays de objetos às vezes usam `for...of`. Por favor, me digam quais são as formas de percorrer um array em JavaScript, quais são suas diferenças e qual forma é considerada a "correta".