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

5
Rated 5 out of 5
5 out of 5 stars (based on 2 reviews)
Excellent100%
Very good0%
Average0%
Poor0%
Terrible0%
به نام خدا ضمن سلام و وقت بخیر خدمت دوستان گرامی این جلسه در راستای آموزش مقدماتی جاوا اسکریپت به مبحث حلقه ها در جاوا اسکریپت (for of ، while،  for in ،for ،do wile) خواهیم پرداخت.وقتی بخواهیم یک تکه کد را بارها و بارها اجرا کنیم یا به عبارت دیگر اجرای ان را چندین  بار تکرار نماییم از حلقه ها استفاده می نماییم.

به عنوان مثال کدی را بدون استفاده از ساختار حلقه نوشته ایم.

حال با استفاده ازساختار  حلقه ها در جاوا اسکریپت میتوانیم ان را به صورت زیر بنویسیم.که هم کار را برای برنامه نویسان راحت میکند هم اینکه حجم کد ها را کاهش میدهد.

 انواع حلقه ها در جاوا اسکریپت

ساختار های تکراری که جاوا اسکریپت آن ها را پشتیبانی  می کند به شرح زیر می باشد.

  1. for
  2. for…in
  3. for…of
  4. while
  5. do…. while

خب به ترتیب هر یک از ساختار ها رو توضیح می دهیم.

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

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

عبارت اول :قبل از اجرای بلوک کد یک بار اجرا می شود عبارت دوم :شروط اجرای حلقه در این بخش نوشته می شود .عبارت سوم: پس از اجرای کدهای داخل بلاک اجرا میشود. در این قسمت گام های حلقه نوشته می شود

مثال:


در این مثال عبارت1 ، یک متغیر را قبل از شروع حلقه مقدار دهی می کند (i = 0). عبارت 2 شرط اجرای حلقه را تعریف می کند شرط حلقه به این صورت است که اگر i از 5 کوچکتر باشد دستورات داخل بلاک حلقه اجرا می شود در غیر این صورت از حلقه بیرون خواهیم امد. عبارت 3 هر بار که بلوک کد در حلقه اجرا می شود مقدار i  را به اندازه یک واحد افزایش می دهد.

توضیحات مربوط به Statement ها

همانطور که اعلام کردیم از Statement 1 معمولاً برای مقداردهی اولیه متغیر مورد استفاده در حلقه استفاده می کنیم . که همیشه اینطور نیست، جاوا اسکریپت به عبارت اول زیاد اهمیت نمی دهد و ان را اختیاری در نظر گرفته است خواه چه بخواهیم مقادیر زیادی را در ان تعریف کنیم  یا خواه آن قسمت را خالی بگذاریم.

مثال :
اغلب از عبارت 2 برای ارزیابی شرایط متغیر اولیه استفاده می شود. که این مورد نیز در جاوا اسکریپت اختیاری می باشد حال  اگر عبارت ۲ true را برگرداند، حلقه دوباره از نو شروع می شود و اگر false را برگرداند، حلقه به پایان می رسد.لذا اگر ما  عبارت2 را حذف نماییم، باید یک break در داخل حلقه ایجاد کنیم. در غیر این صورت وارد یک حلقه بی نهایت می شویم که هرگز پایان نمی یابدکه با این کار مرورگر ما از کار می افتد.

اغلب عبارت 3 مقدار متغیر اولیه را افزایش می دهد. همیشه اینطور نیست، این مورد نیز در جاوا اسکریپت اختیاری می باشد . عبارت 3 می تواند هر کاری مانند افزایش منفی (i–)، افزایش مثبت (i = i + 15) یا هر چیز دیگری را انجام دهد. عبارت 3 را نیز می توان حذف کرد (مثل زمانی که مقادیر خود را در داخل حلقه افزایش می دهید):

محدوه حلقه ها

وقتی در حلقه ها از متغییر var  استفاده می کنیم با توجه به اینکه یک متغیر سراسری می باشد تغییراتی که درون حلقه برای ان متغیر ایجاد می شود در بیرون از حلقه نیز هنگام استفاده از ان اخرین مقدار گرفته شده برای ان متغیر در حلقه خواهد بود.

مثال

حال اگر برای متغیر از let  استفاده نماییم ان متغیر فقط در بلاک حلقه ما قابل استفاده خواهد بود و در خارج از حلقه نمیتوانیم از ان استفاده نماییم.و تغییرات ایجاد شده برای ان مختص همان بلاک می باشد نه جای دیگر.

مثال

حلقه for in

در جاوا اسکریگت وقتی بخواهیم برای خصوصیات یک شی حلقه ایجاد کنیم از ساختار for  in  استفاده می نماییم.که سینتکس ان به صورت زیر می باشد.

مثال:

در مثال بالا  ساختار for  in روی شی شخص حلقه ایجاد می نماید.و در هر بار تکرار یک کلید x را برمی گرداند.از کلید برای دستیابی به مقادیر شی استفاده می کنیم.

همچنین برای ارایه ها نیز می توانیم از حلقه for  in  استفاده نماییم.ولی اگر برای ما شاخص مهم باشد از for  in بهتر است در بیش از یک رایه استفاده نکنیم.

مثال:

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

ساختار for of از طریق مقادیر یک شی تکرار پذیر،حلقه می زند.این ساختاربه ما امکان این را می‌دهد تا روی ساختارهای داده تکرارشونده مانند آرایه‌ها، رشته‌ها، نقشه‌ها و موارد دیگر حلقه بزنیم.که سینتکس ان به شکل زیر می باشد.

variable :متغیر ها را میتوانیم به صورت var و const و یا  let تعریف نماییم.

iterable: شیئی که دارای ویژگیهای تکرارپذیر است.

مثال برای استفاده در ارایه و رشته ها در حلقه  for of.

ساختار for…of  از سال 2015 به جاوا اسکریپت اضافه شد.و مرورگر هایی که از  این ساختار پشتیبانی میکنند به شرح زیر می باشد.

مرورگر هایی که for ..of را پشتیبانی می نمایند| حلقه ها در جاوا اسکریپت

مرورگر هایی که for ..of را پشتیبانی می نمایند.

حلقه while در جاوا اسکریپت

حلقه while از طریق یک بلوک کد تا زمانی که یک شرط مشخص درست باشد، حلقه می زند.شبیه حلقه for  عمل می کند.سینتکس ان به شکل زیر می باشد

در مثال زیر، تا زمانی که متغیر (i) کمتر از 10 باشد، کد موجود در حلقه به طور مکرر  اجرا خواهد شد:

اگر فراموش کنیم که متغیر مورد استفاده در شرط را افزایش دهیم،لذا باز  حلقه هرگز پایان نخواهد یافت.

حلقه do while در جاوا اسکریپت

حلقه do while نوعی از حلقه while است. این حلقه یک بار بلوک کد را اجرا می کند، قبل از بررسی اینکه آیا شرط درست است یا خیر، سپس تا زمانی که شرط درست باشد، حلقه را تکرار می کند.سینتکس این حلقه به شکل زیر می باشد.

مثال زیر از یک حلقه do while استفاده می کند. حلقه همیشه حداقل یک بار اجرا می شود، حتی اگر شرط نادرست باشد، زیرا بلوک کد قبل از آزمایش شرط اجرا می شود.

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

دیگر مقاله ها

انواع عملگرها در جاوا اسکریپت

انواع داده ها و متغیر ها در جاوا اسکریپت

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]
اشتراک‌گذاری

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *