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

رتبه: 5 ار 2 رای SSSSS
حلقه این فور
نویسنده: میلاد حیدری زمان مطالعه 2 دقیقه
Banner Image

در این آموزش با کمک مثال های مختلف با حلقه for…in در جاوا اسکریپت (JavaScript) آشنا خواهید شد.

در آموزش های قبلی حلقه های زیر را بررسی کردیم:

  • حلقه while و do…while
  • حلقه for

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

حلقه for…in

ساختاز حلقه for…in:

for (key in object) {

// for…in بدنه حلقه

}

در هر تکرار حلقه یک کلید به متغیر key اختصاص داده می شود. این حلقه همه ویژگی های شی را پیمایش می کند.

نکته: با داشتن کلیدها به راحتی می توانید به مقدار آنها نیز دسترسی پیدا کنید.

مثال ۱: پیمایش یک شی

let student = {

name: ‘Monica’,

class: 7,

age: 12

}

// for…in استفاده از

for (let key in student) {

// نمایش ویژگی ها

console.log(`${key} => ${student[key]}`);

}

خروجی

name => Monica

class => 7

age => 12

در این برنامه از حلقه for… in برای تکرار و پیمایش روی شی student و چاپ تمام ویژگی های آن استفاده شده است.

  • در هر تکرار کلید یک ویژگی از شی student در متغیر key ذخیره می شود.
  • برای دسترسی به مقدار کلید ویژگی key از [student [key استفاده می شود.

مثال ۲: به روزرسانی مقادیر ویژگی ها

let salaries= {

Jack : 24000,

Paul : 34000,

Monica : 55000

}

// for…in استفاده از

for (let i in salaries) {

// $ اضافه کردن نماد دلار

let salary = “$” + salaries[i];

// نمایش مقادیر

console.log(`${i} : ${salary}`);

}

خروجی

Jack : $24000,

Paul : $34000,

Monica : $55000

در مثال بالا از حلقه for… in برای حرکت روی ویژگی های شی salaries استفاده شده است. در ادامه نیز رشته $ به هر کدام از مقادیر شی اضافه شده سپس چاپ می شود.

for…in با رشته ها

می توانید از حلقه for…in برای پیمایش مقادیر رشته ای نیز استفاده کنید. مثال،

let string = ‘code’;

// for…in استفاده از حلقه

for (let i in string) {

console.log(string[i]);

}

خروجی

c

o

d

e

for…in با آرایه ها

علاوه براین می توانید از for…in همراه با آرایه ها نیز استفاده کنید. مثال،

// تعریف آرایه

let arr = [‘hello’, 1, ‘JavaScript’];

// for…in استفاده از حلقه

for (let x in arr) {

console.log(arr[x]);

}

خروجی

hello

۱

JavaScript

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

یک روش خوب برای پیمایش آرایه ها استفاده از حلقه for…of است.

profile name
میلاد حیدری

بخندید کتاب بخونید و خوب باشید تا جامعه مون به آرامش برسه. لطفا ! هر سوالی دارید در بخش نظرات مطرح کنید. ما یا سایر هموطنان عزیز پاسخ خواهیم داد. برای کمک به سایت ما و گسترش آموزش در بین هموطنان، در سایتها، وبلاگ ها و شبکه های اجتماعی لینک سایت ما را درج کنید.

مطالب پیشنهادی برای شما

محصولات مرتبط

مشاهده همه

دیدگاهتان را بنویسید

1 2 3 4 5

1 نظر درباره «آموزش حلقه for…in در جاوا اسکریپت»

  • مسلم پارساراد
    مسلم پارساراد آیا این دیدگاه مفید بود ؟

    بسیار عالی بود ممنون از آموزش خوبتون حلقه for...In را به خوبی یاد گرفتم

    پاسخ
  • ناشناس
    ناشناس آیا این دیدگاه مفید بود ؟

    عالی بود خیلی ممنونم

    پاسخ
مشاهده همه نظرات
سبد خرید
سبد خرید شما خالی است
× جهت نصب روی دکمه زیر در گوشی کلیک نمائید
آی او اس
سپس در مرحله بعد برروی دکمه "Add To Home Screen" کلیک نمائید