Wie man ein Array in JavaScript richtig durchläuft: forEach, for, for...of und andere Methoden

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen, und komme mit dem Durchlaufen von Arrays nicht klar. Ich habe ein einfaches Array mit Benutzernamen:

const users = ['Anna', 'Ivan', 'Maria', 'Petr'];

Ich muss jeden Namen in der Konsole ausgeben. Ich habe versucht, eine normale for-Schleife zu verwenden, aber ich verwechsle ständig die Indizes und die Länge des Arrays. Zum Beispiel schreibe ich:

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

Und am Ende bekomme ich undefined. Warum passiert das? Ich habe gehört, dass es die forEach-Methode gibt, aber ich verstehe nicht, wie sie funktioniert und wie sie sich von der normalen for-Schleife unterscheidet. Ich habe auch for...of und for...in gesehen, aber ich bin total verwirrt. Könnt ihr mir bitte sagen, welche Methode am besten geeignet ist, um ein Array in modernen Projekten zu durchlaufen? Ich muss nicht nur Elemente ausgeben, sondern manchmal auch ändern oder ein neues Array basierend auf einem vorhandenen erstellen. Ich wäre dankbar für eine detaillierte Erklärung mit Beispielen für Anfänger.