كيفية تكرار مصفوفة في JavaScript: forEach، for، for...of وطرق أخرى

مرحباً بالجميع! لقد بدأت للتو في تعلم JavaScript ولا أستطيع فهم تكرار المصفوفات. لدي مصفوفة بسيطة بأسماء المستخدمين:

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

أحتاج إلى طباعة كل اسم في console. حاولت استخدام حلقة for العادية، لكني أخلط دائماً بين الفهارس وطول المصفوفة. على سبيل المثال، أكتب:

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

وفي النهاية أحصل على undefined. لماذا يحدث هذا؟ سمعت أن هناك طريقة forEach، لكني لا أفهم كيف تعمل وما الفرق بينها وبين for العادية. رأيت أيضاً بعض for...of و for...in، لكني مرتبك تماماً. أرجو منكم إرشادي، ما هي أفضل طريقة لتكرار مصفوفة في المشاريع الحديثة؟ لا أحتاج فقط إلى طباعة العناصر، بل أحياناً أحتاج إلى تغييرها، أو إنشاء مصفوفة جديدة بناءً على المصفوفة الموجودة. سأكون ممتناً لشرح مفصل مع أمثلة للمبتدئين.