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

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

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

کنترل حلقه ها

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

غالبا هنگام  کار با حلقه ها به دو حالت برمی خوریم:

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

برای کنترل کردن این حالات در جاواسکریپت به ترتیب از دو دستور break  و continue  استفاده می کنیم .

دستور break

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

 

فلوچارت :

 دستور break
break-statement

 

به مثال زیر توجه کنید :

<html>
   <body>
      
      <script type="text/javascript">
         <!--
         var x = 1;
         document.write("Entering the loop<br /> ");
         
         while (x < 20)
         {
            if (x == 5){
               break; // breaks out of loop completely
            }
            x = x + 1;
            document.write( x + "<br />");
         }
         
         document.write("Exiting the loop!<br /> ");
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

خروجی (output) :

Entering the loop
2
3
4
5
Exiting the loop!
Set the variable to different value and then try...

 

دستور continue

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

به مثال زیر توجه کنید:

در این مثال وقتی شمارنده(متغیر x) به عدد 5 می رسد به دستور continue برخورد می کنیم که اگر دقت کنید می بینید دستورات بعد از continue اجرا نمی شوند و برنامه به ابتدای حلقه برمی گردد و در صورت برقراری شرط حلقه ، برنامه ادامه پیدا می کند.

<html>
   <body>
      
      <script type="text/javascript">
         <!--
            var x = 1;
            document.write("Entering the loop<br /> ");
         
            while (x < 10)
            {
               x = x + 1;
               
               if (x == 5){
                  continue; // skip rest of the loop body
               }
               document.write( x + "<br />");
            }
         
            document.write("Exiting the loop!<br /> ");
         //-->
      </script>
      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

 

خروجی (output) :

Entering the loop
2
3
4
6
7
8
9
10
Exiting the loop!

 

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

    برچسب ها

    امین عزیزی‌پور

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

    نوشته های مشابه

    پاسخی بگذارید

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

    دکمه بازگشت به بالا
    سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
    بستن
    با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

    عضویت در خبرنامه هفتگی برای دریافت:

    • فیلم و مقاله رایگان سئو
    • آموزش‌های UX ، GA و GTM
    • مقاله های تخصصی ASP.NET Core
    • اطلاع رسانی از محصولات
    ترک میزفا خوب نیست!
    دوره سئو، رایگان شد.
    یک چیز متفاوت تجربه کنید
    کاراکتر اشاره گر
    دوره سئو، رایگان شد.
    یک چیز متفاوت تجربه کنید
    کاراکتر اشاره گر