जावास्क्रिप्ट में ऐरे को सही तरीके से कैसे इटरेट करें: forEach, for, for...of और अन्य तरीके

सभी को नमस्ते! मैंने अभी जावास्क्रिप्ट सीखना शुरू किया है और ऐरे को इटरेट करने में समझ नहीं आ रहा है। मेरे पास उपयोगकर्ताओं के नामों का एक सरल ऐरे है:

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

मुझे प्रत्येक नाम को कंसोल में प्रिंट करना है। मैंने सामान्य for लूप का उपयोग करने की कोशिश की, लेकिन मुझे इंडेक्स और ऐरे की लंबाई में हमेशा भ्रम होता है। उदाहरण के लिए, मैं लिखता हूँ:

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

और अंत में मुझे undefined मिलता है। ऐसा क्यों होता है? मैंने सुना है कि forEach नामक एक मेथड है, लेकिन मुझे समझ नहीं आता कि यह कैसे काम करता है और सामान्य for से कैसे अलग है। मैंने कुछ for...of और for...in भी देखे, लेकिन मैं पूरी तरह से भ्रमित हो गया। कृपया मुझे बताएं कि आधुनिक प्रोजेक्ट्स में ऐरे को इटरेट करने के लिए कौन सा तरीका सबसे अच्छा है? मुझे केवल एलिमेंट्स प्रिंट करने की जरूरत नहीं है, बल्कि कभी-कभी उन्हें बदलना या मौजूदा ऐरे के आधार पर नया ऐरे बनाना भी है। शुरुआती लोगों के लिए उदाहरणों के साथ विस्तृत स्पष्टीकरण के लिए मैं आभारी रहूंगा।