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

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

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

تا الان، توی مقالات قبلی سه نوع حلقه مهم رو یاد گرفتیم: for، while، و do...while. دیدیم که هر کدوم از این حلقه‌ها به یه استارتر، یه شرط، و یه قدم‌شمار نیاز دارن. این دفعه می‌خوایم بریم سراغ دو نوع دیگه: for...in و for...of. توی این مقاله، حلقه for…in رو بررسی می‌کنیم. مقاله بعدی هم به for...of می‌پردازیم.

این دو حلقه یه کم متفاوت از حلقه‌های دیگه هستن، یعنی دیگه مثل قبلی‌ها استارتر، شرط و قدم‌شمار ندارن. برای کار با حلقه for...in، بهتره قبلش کمی درباره آبجکت‌ها بدونید. اگه با آبجکت‌ها آشنا نیستید، به سایت مگا جی اس (megajs.com) برید. توی بخش «تونل یادگیری رایگان»، آموزش «اشیا در جاوااسکریپت» رو توی قسمت 13 پیدا می‌کنید. می‌تونید هم مقاله رو بخونید و هم ویدیو ببینید.

مثال عملی از حلقه for...in

برای کار با حلقه for...in اول باید یه آبجکت تعریف کنیم. متغیر رو x می‌ذاریم و مقادیرش رو با آکولاد باز و بسته مشخص می‌کنیم. توی این آبجکت، یک سری کلید و مقدار داریم:

var x = {
    a : 1,
    b : 2,
    c : 3
}

برای استفاده از حلقه for…in به این شکل عمل می‌کنیم:

for (var alphabet in x) {
    console.log(alphabet); // a , b , c
}

اینجا، متغیر alphabet می‌ره و کلیدهای آبجکت x رو می‌گیره. شما می‌تونید هر اسمی برای alphabet بذارید. توی حلقه، می‌گیم که alphabet رو توی کنسول مرورگر لاگ بگیر. حالا، اگه بخواهیم مقدارهای داخل کلیدها رو هم لاگ بگیریم:

for (var alphabet in x) {
    console.log(x[alphabet]); // 1 , 2 , 3
}

وقتی کد رو اجرا می‌کنیم، توی کنسول مرورگر، مقدارهای 1، 2 و 3 لاگ می‌شه. برای اینکه هم کلید و هم مقدارش رو کنار هم لاگ بگیریم، از بک‌تیک استفاده می‌کنیم:

for (var alphabet in x) {
    console.log(`${alphabet} : ${x[alphabet]}`);
   // a : 1 , b : 2 , c : 3
}

با اجرای این کد، می‌بینیم که هم کلید و هم مقدار داخل آبجکت x رو لاگ می‌گیره. دیدید که با حلقه for…in به راحتی می‌تونیم مقادیر داخل آبجکت رو استخراج کنیم!