33) حلقه for…of در جاوااسکریپت

آموزش رایگان جاوااسکریپت

حلقه for…of در جاوااسکریپت

در مقاله قبلی با حلقه for...in یاد گرفتیم که چطور داخل آبجکت‌ها رو پیمایش کنیم. حالا می‌خوایم بریم سراغ حلقه for…of تا نحوه پیمایش داخل آرایه‌ها رو یاد بگیریم.

قبل از اینکه بریم سراغ حلقه for...of، باید حتماً با مفهوم آرایه‌ها آشنا باشید. اگه درباره آرایه‌ها چیزی نمی‌دونید، می‌تونید به سایت مگا جی اس (megajs.com) سر بزنید. توی قسمت «تونل یادگیری رایگان» در بخش آموزش رایگان جاوااسکریپت، درس 10 مربوط به آرایه‌هاست. شما می‌تونید مقاله رو بخونید یا ویدیو رو تماشا کنید، هم آنلاین و هم با کیفیت Full HD به همراه فایل‌های تمرینی.

کاربرد عملی حلقه for...of

اگه یادتون باشه، توی مقاله حلقه for...in یه آبجکت ساختیم و مقادیر داخلش رو لاگ گرفتیم. حالا بیاید برای آرایه‌ها این کار رو با حلقه for…of انجام بدیم. برای شروع، یه متغیر به نام y می‌سازیم و یه آرایه رو توی اون می‌ریزیم. این آرایه شامل اعداد 1، 2 و 3 هست:

var y = [1, 2, 3];
for (var number of y) {
    console.log(number); // 1, 2, 3
}

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

تو این حلقه، number نماینده مقدارهای داخل آرایه هست. بعد از کلمه of، متغیری که آرایه داخلش قرار داره رو می‌نویسیم. توی حلقه گفتیم که مقدارهای داخل آرایه رو توی کنسول مرورگر لاگ بگیر. می‌تونید هر اسمی به جای number بذارید. ولی بهتره یه اسم قابل فهم و مناسب انتخاب کنید تا بعداً وقتی کد رو خوندین، بدونین این کد چی کار می‌کنه. اگه کد بالا رو اجرا کنیم، خواهیم دید که خروجی مقدارهای داخل آرایه‌ست، یعنی 1، 2 و 3.

پس از مقایسه حلقه for...in با for...of، متوجه می‌شیم که تفاوت کوچیکی دارن.

تمرین یادتون نره!

اینم از حلقه for…of که باهاش آشنا شدیم. فراموش نکنید که تمرین کنید. چون فقط تمرینه که شما رو توی حوزه‌های مختلف به یه متخصص تبدیل می‌کنه.