در خدمت شما هستیم با آموزش دستور for در جاوااسکریپت
آموزش دستور for در جاوااسکریپت به شما نحوه استفاده از این دستور را آموزش می دهد
دستور for از سری دستورات حلقه (Loop) است که سلام برنامه برای شما آماده کرده است
به واسطه این دستور خیلی از اعمال طولانی را در چند خط کد می توانید انجام دهید
نحوه نگارش دستور for به شکل زیر است
for (شمارنده حلقه;شرط حلقه;نقطه آغاز حلقه)
{
دستورات حلقه
}
علاوه بر دستور for شما میتوانید از دستور while نیز استفاده کنید که برای آموزش آن میتوانید به لینک زیر مراجعه کنید
آموزش دستور while در جاوااسکریپت
دستور for
همانطور که توضیح دادیم دستور for یک دستور شرطی است مانند while فرم کلی این دستور را بالاتر گفتیم حال مثالی از آن میزنیم.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Loops</h2>
<p id="demo"></p>
<script>
var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
در مثال بالا قسمت های for را به ترتیب توضیح میدهیم
- قسمت اول نقطه آغاز حلقه است (i=0) یعنی مقدار اولیه ۰ است.
- قسمت دوم شرط حلقه است (i<5) یعنی تا زمانی که مقدار i کوچکتر از ۵ است حلقه را ادامه پیدا کند.
- قسمت سوم شمارنده حلقه است (++i) یعنی هربار که حلقه اجرا میشود یک عدد به i اضافه شود.
خروجی کد بالا نمایش اعداد ۱ تا ۴ است زیرا ما گفتیم کوچکتر از ۵ یعنی خود عدد ۵ نباید نمایش داده شود.
حال سوالی که مطرح است این است که آیا حلقه for میتواند یکی از سه گذاره را نداشته باشد؟
جواب بله است ممکن اسن یکی از گزاره ها در خارج از حلقه تعریف شود مانند مثال زیر
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
var text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
در مثال بالا همانطور که میبینید فقط قسمت میانه حلقه تعریف شده است یا همان شرط حلقه و باقی موارد در خارج از حلقه بیان شده اند.
پس گزاره ای که وجود آن مهم است شرط حلقه است که به دستور for معنی میبخشد.
از آنجایی که این آموزش تصویری است از توضیحات اضافه پرهیز می کنیم
شما می توانید ویدیو این آموزش را همراه با سورس کد آن از باکس دانلود موجود در زیر همین پست دریافت نمایید
آموزش دستور Switch Case در جاوااسکریپت
آموزش دستور IF در جاوااسکریپت
آموزش دستور while در جاوااسکریپت
آموزش دستور Function در جاوااسکریپت
آموزش دستور Break و continue در جاوااسکریپت