استفاده از حلقه For Of در جاوااسکریپت - آموزش جامع

حلقه‌های For Of در جاوااسکریپت ابزار قدرتمندی هستند که برای پیمایش بهینه عناصر در مجموعه‌ها بکار می‌روند. این حلقه‌ها به شما اجازه می‌دهند که به سادگی به هر یک از عناصر یک آرایه یا ساختار قابل تکرار دیگری دسترسی داشته باشید. با استفاده از حلقه For Of، الگوریتم‌های پیمایش شما نه تنها خوانایی بهتری پیدا می‌کنند، بلکه احتمال اشتباه و سردرگمی کمتری هم خواهید داشت.

هنگامی که نیاز دارید تا بر روی عناصر مجموعه‌ای کار کنید اما نیازی به اندیس‌ها ندارید، حلقه For Of گزینه بسیار مناسبی خواهد بود. مثلاً در زمان‌هایی که می‌خواهید بر روی یک آرایه از اشیاء کار کنید و نیازی به دانستن شماره اندیس آن‌ها ندارید، بسیار کاربردی خواهد بود.

یکی از مزایای حلقه For Of نسبت به روش‌های قدیمی‌تر این است که می‌تواند به طور مستقیم روی اشیایی که از Iterator Symbol پیروی می‌کنند عمل کند. این بدان معنی است که شما می‌توانید با ساختارهایی مانند Map، Set و حتی DOM Collections کار کنید. این انعطاف‌پذیری باعث می‌شود که استفاده از این روش در برنامه‌های کاربردی مدرن بسیار مورد توجه قرار گیرد.

برای درک بهتر، بیایید نگاهی به یک مثال ساده بیندازیم که چگونه می‌توان از حلقه For Of در یک آرایه استفاده کرد. این مثال نشان می‌دهد که چگونه به سرعت و به سادگی می‌توان هر عنصر را پیمایش کرد و بر روی آن عملیات خاصی انجام داد.

const array = ['apple', 'banana', 'mango'];

for (const fruit of array) {
  console.log(fruit);
}

const array = ['apple', 'banana', 'mango'];
در این خط شما یک آرایه با سه عنصر به نام‌های 'apple'، 'banana' و 'mango' تعریف کرده‌اید.

for (const fruit of array) {
این خط حلقه For Of را آغاز می‌کند و بیانگر این است که برای هر عنصر در آرایه اجرا شود.

console.log(fruit);
درون این حلقه، هر عنصر را در کنسول چاپ می‌کند.
}