سلام خدمت دوستان و کاربران سایت میزفا؛ در پست قبل از دوره آموزش Javascript و ساخت سایت درمورد حلقه for در جاوااسکریپت و حلقه for in در جاوااسکریپت و بقیه حلقه ها صحبت کردیم حالا دراین پست قصد داریم تا با نحوه کنترل حلقه ها در جاوااسکریپت آشنا بشیم.
سرفصل‌های پست
کنترل حلقه ها
زبان جاوااسکریپت کنترل کامل حلقه ها برای عملکرد بهتر در اختیار برنامه نویس قرار می دهد.
غالبا هنگام کار با حلقه ها به دو حالت برمی خوریم:
- ممکن است با حالتی مواجه شویم که دیگر نیازی به اجرای ادامه حلقه نداشته باشیم.
- و یا اینکه به حالتی برخورد کنیم که نیاز داشته باشیم قسمتی از کد مورد نظر اجرا نشود(یعنی اصطلاحا اجرای برنامه از قسمت موردنظر پرش کند) و برنامه به ابتدای حلقه برگردد.
برای کنترل کردن این حالات در جاواسکریپت به ترتیب از دو دستور break و continue استفاده می کنیم .
دستور break
به کمک این دستور می توانیم اجرای حلقه را متوقف کنیم(از حلقه خارج شویم).
فلوچارت :
به مثال زیر توجه کنید :
<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!
این آخرین آموزش در مورد کار با عبارت شرطی و حلقه ها هست . امیدورام تا این جا از آموزش ها لذت برده باشید.
