در حین نوشتن یک برنامه، ممکن است با یک وضعیت مواجه شوید که نیاز به انجام چندباره، یک عمل دارید. در چنین وضعیت‌هایی، شما نیاز خواهید داشت که از عبارات حلقه استفاده کنید تا تعداد خطوط کد را کاهش دهید.
JavaScript تمامی حلقه‌های لازم را برای کاهش فشار برنامه‌نویسی پشتیبانی می‌کند.
حلقه while
پایه‌ترین حلقه در JavaScript حلقه while است که در این بخش آموزش داده می‌شود. هدف یک حلقه while اجرای یک عبارت یا بلوک کد به صورت تکراری تا زمانی که یک عبارت درست باشد است. یک بار عبارت غلط شود، حلقه پایان می‌یابد.
نمودار مفهومی
نمودار جریان حلقه while به شکل زیر است:
سینتکس
while (expression) {
Statement(s) to be executed if expression is true
}در کد بالا، شرط در قسمت expression قرار می‌گیرد، تا زمانی که شرط درست باشد کدهای بین {} اجرا می‌شوند.
لازم به ذکر است که شرط درون حلقه می‌تواند تغییر کند.
مثال
<html>
<body>
<script type = "text/javascript">
<!--
var count = 0;
document.write("شروع حلقه ");
while (count < 10) {
document.write("تعداد فعلی: " + count + "<br />");
count++;
}
document.write("حلقه متوقف شد!");
//-->
</script>
<p>متغیر را به مقدار مختلف تنظیم کنید و سپس امتحان کنید...</p>
</body>
</html>
شروع حلقه
تعداد فعلی : 0
تعداد فعلی : 1
تعداد فعلی : 2
تعداد فعلی : 3
تعداد فعلی : 4
تعداد فعلی : 5
تعداد فعلی : 6
تعداد فعلی : 7
تعداد فعلی : 8
تعداد فعلی : 9
حلقه متوقف شد!
متغیر را به مقدار مختلف تنظیم کنید و سپس امتحان کنید...
حلقه do...while
حلقه do…while شبیه به حلقه while است به استثنای این که بررسی شرط در انتهای حلقه انجام می‌شود. این بدان معناست که حلقه حتماً حداقل یک بار اجرا می‌شود، حتی اگر شرط درست نباشد.
نمودار
نمودار جریان حلقه do-while به صورت زیر است:
سینتکس
do {
Statement(s) to be executed;
} while (expression);در کدبالا ابتدا یکبار بخش {} اجرا می‌شود، سپس شرط چک می‌شود. در صورتی که شرط درست باشد مجدد بخش {} اجرا می‌شود، در غیر این صورت ادامه کدهارا اجرا می‌کند.
توجه نقطه‌ویرگول ; در انتهای حلقه do…while را حتما بگذارید.
مثال
<html>
<body>
<script type = "text/javascript">
<!--
var count = 0;
document.write("شروع حلقه" + "<br />");
do {
document.write("تعداد فعلی: " + count + "<br />");
count++;
}
while (count < 5);
document.write ("حلقه متوقف شد!");
//-->
</script>
<p>متغیر را به مقدار مختلف تنظیم کنید و سپس امتحان کنید...</p>
</body>
</html>
شروع حلقه
تعداد فعلی: 0
تعداد فعلی: 1
تعداد فعلی: 2
تعداد فعلی: 3
تعداد فعلی: 4
حلقه متوقف شد!
متغیر را به مقدار مختلف تنظیم کنید و سپس امتحان کنید...
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام