در خدمت شما هستیم با آموزش دستور while در جاوااسکریپت
آموزش دستور while در جاوااسکریپت یکی از روش های ایجاد حلقه را به شما یاد می دهد
سلام برنامه در این آموزش نحوه استفاده از دستور while را به شما یاد می دهد
ساختار کلی دستور while به شکل زیر است
while(شرط) { دستورات برنامه نویسی }
در روش بالا ابتدا شرط چک می شود بعد دستورات اجرا می شود
در روش زیر ابتدا دستورات اجرا می شوند بعد شرط چک می شود
do { دستورات برنامه نویسی } while (شرط);
دستور while
به کمک دستور while میتوانید انواع شر را اجرا کنید برای واضح تر شدن توضیحات آن را در قالب مثالی میگوییم.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript while</h2>
<p id="demo"></p>
<script>
var text = "";
var i = 0;
while (i < 10) {
text += "<br>The number is " + i;
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
مثال بالا ساده ترین مثالی است که میتوان برای while زد. در این مثال میگوییم اعداد ۱ تا ۹ را نمایش داده شود.
آنچه در پرانتز جلو while نوشته میشود شرط آن است که ما گفتیم دستورات زیر انجام شود تا زمانی که i کوچکتر از ۱۰ است.
به این صورت هر بار دستورات اجرا میشوند مجددا شرط چک میشود اگر برقرار بود عدد بعدی نمایش داده میشود.
دستور do while
در دستور while بعد از while شرط آن می آمد و بعد دستورات اجرا میشد. اما در do while این عمل برعکس است.
یعنی اول دستورات اجرا میشوند بعد شرط چک میشود و اگر برقرار بود دوباره دستورات اجرا میشوند.
بهتر بخواهیم بگوییم شرط در آخرین مرحله بررسی میشود.
برای واضح تر بودن موضوع برای شما مثالی میزنیم:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript do ... while</h2>
<p id="demo"></p>
<script>
var text = ""
var i = 0;
do {
text += "<br>The number is " + i;
i++;
}
while (i < 10);
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
در مثال بالا هانطور که گفته شد اول do یا همان دستورات اجرا شدند و بعد while همراه با شرطش
مثال اول و دوم هر دو یک کار را انجام میدهند با این تفاوت که در مثال اول ابتدا شرط اجرا میشود بعد دستورات.
در مثال دوم اول دستورات اجرا میشوند بعد شرط.
از آنجایی که این آموزش تصویری است از توضیحات اضافه پرهیز می کنیم
شما می توانید ویدیو این آموزش را همراه با سورس کد آن از باکس دانلود موجود در زیر همین پست دریافت نمایید
آموزش دستور Switch Case در جاوااسکریپت
آموزش دستور IF در جاوااسکریپت
آموزش دستور for در جاوااسکریپت
آموزش دستور Function در جاوااسکریپت
آموزش دستور Break و continue در جاوااسکریپت