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

هدایت عباسی آموزش جاوا اسکریپت

حلقه while و do while در جاوا اسکریپت را با چندین مثال توضیح خواهیم داد. همچنین تفاوت while و for را نیز با مثال توضیح خواهیم داد. کدها همه تست شده است . آن را در یک فایل html ذخیره و اجرا نمایید.

حلقه while

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

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

حلقه ها می توانند یک بلاک از کدها را اجرا کنند تا زمانی که شرط برقرار باشد.

سینتکس حلقه while

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

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

while (condition) {
// code block to be executed
}

مثال حلقه while

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

در حلقه while ابتدا مقدار اولیه را در متغیر i مشخص می کنیم.

سپس حلقه while و شرط را در پرانتز قرار می دهیم.

تا زمانی که شرط برقرار باشد کدها اجرا می شوند. در این مثال متغیر عددی i در متغیر t ذخیره می شود و در انتها نمایش داده می شود.

در قسمت کدها ، هر بار یک واحد اضافه میشود تا زمانی که متغیر i کمتر از 9 بشود و حلقه پایان می پذیرید.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="d"></p>
<script>
var t = "";
var i = 4;
while (i < 9) {
t += i + "<br>";
i++;
}
document.getElementById("d").innerHTML = t;
</script>
</body>
</html>

حلقه do while

در قسمت زیر سینتکس حلقه do while در جاوا اسکریپت را مشاهده می کنید.

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

ابتدا کلمه do و سپس کدهای داخل بلاک و در انتها while و شرط را بررسی می کنیم.

do {
// code block to be executed
}
while (condition);

مثال do while

در قسمت زیر مثال do while را مشاهده می کنید.

ابتدا یک بار کد اجرا می شود یعنی مقدار 4 در متغیر t ذخیره می شود و یک واحد به متغیر i اضافه می شود.

در انتها نیز شرط بررسی می شود که متغیر i کمتر از 9 باشد.

خروجی این مثال نمایش اعداد 4 الی 8 میباشد.

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="d"></p>
<script>
var t = ""
var i = 4;
do {
t += i + "<br>";
i++;
}
while (i < 9);
document.getElementById("d").innerHTML = t;
</script>
</body>
</html>

تفاوت دستور while و for

تفاوت دستور while و for را توضیح می دهیم.

در حلقه for مقدار اولیه و مقدار افزایشی هر دو در یک خط قرار می گیرد.

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

در مثال زیر می توانید تفاوت این دو را مشاهده نمایید.

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

<!DOCTYPE html>
<html>
<body>
<h1>TopSite98.com</h1>
<p id="d"></p>
<script>
var c = ["BMW", "Volvo", "Saab", "Ford"];
var t = "";
for (i = 0;c[i];i++) {
t += c[i] + "<br>";
}
document.getElementById("d").innerHTML = t;
</script>
</body>
</html>

کدها همه تست شده است. می توانید آنها را در فایل html ذخیره کنید و تست نمایید.

امیدواریم از این آموزش لذت برده باشید.

موفق باشید.

اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید