Cómo recorrer correctamente un array en JavaScript: forEach, for, for...of y otras formas

¡Hola a todos! Acabo de empezar a estudiar JavaScript y no puedo entender cómo recorrer arrays. Tengo un array simple con nombres de usuarios:

const users = ['Анна', 'Иван', 'Мария', 'Петр'];

Necesito mostrar cada nombre en la consola. Intenté usar el bucle for normal, pero siempre me confundo con los índices y la longitud del array. Por ejemplo, escribo:

for (let i = 0; i <= users.length; i++) {
    console.log(users[i]);
}

Y al final obtengo undefined. ¿Por qué sucede esto? He oído que existe el método forEach, pero no entiendo cómo funciona y en qué se diferencia del for normal. También vi algo de for...of y for...in, pero estoy muy confundido. Por favor, indíquenme qué método es mejor usar para recorrer un array en proyectos modernos. Necesito no solo mostrar elementos, sino a veces modificarlos o crear un nuevo array basado en el existente. Agradecería una explicación detallada con ejemplos para principiantes.