نحوه استفاده از حلقه for در جاوا اسکریپت

در جاوا اسکریپت دو نوع ساختار(حلقه) تکرار وجود دارد که یکی از آنها حلقه for می باشد. از این حلقه معمولاً زمانی استفاده می شود که تعداد دفعات تکرار مشخص باشد.

نحوه استفاده

ساختار کلی حلقه for به شکل زیر می باشد.

for(var i=0;i<5;i++){
	Statements;
}

درون پرانتز for از سه بخش استفاده می شود که توسط; از یکدیگر جدا می شوند.

بخش اول تعریف شمارنده حلقه و مقدار دهی اولیه آن می باشد.

var i=0;

بخش دوم شرط حلقه می باشد و این شرط باید طوری تعیین شود که پایان پذیر باشد.

i<5;

بخش سوم مقدار افزایشی یا کاهشی شمارنده می باشد.

i++;

دستور فوق به معنی افزایش یک واحد به متغیر i پس از هربار اجرا می باشد.

ترتیب اجرای دستورات در حلقه for به شکل زیر می باشد:

  1. مقدار دهی شمارنده (که تنها یکبار اتفاق می افتد).
  2. بررسی شرط
  3. اجرای دستورات
  4. مقدار افزایشی (یا کاهشی) شمارنده
  5. بررسی شرط

پس از پایان مرحله چهارم که افزایش شمارنده می باشد، مجدداً شرط بررسی شده و در صورت true بودن آن مرحله 3 و 4 اجرا می شوند و این اجرا تا زمانی که شرط حلقه  false شود، ادامه خواهد داشد و با false شدن شرط، دستورات بعد از حلقه اجرا خواهند شد.

تمرین: برنامه ای بنویسید که 4 بار نام شما را را نمایش دهد.

تحلیل: از آنجا که یک دستور مشخص (نمایش پیغام) قرار است به تعداد دفعات مشخصی (4 بار) اجرا شود. می بایست از حلقه for استفاده نماییم و شمارنده و شرط را طوری تنظیم که پس از 4 بار اجرا از حلقه خارج شود.

کدهای برنامه:

<script>
    for (var i = 0; i < 4; i++) {
        alert("آکادمی بنو");
    }
</script>

تمرین: برنامه ای بنویسید که اعداد 1 تا 10 را نمایش دهد.

تحلیل: در اغلب برنامه ها مقداردهی شمارنده از صفر آغاز می شود اما گاهی در تمرین هایی مانند این تمرین ممکن است نیاز داشته باشید مقداردهی شمارنده را از عددی مانند یک آغاز کنید.

کدهای برنامه:

<script>
    for (var i = 1; i <=10; i++) {
      document.write(i + ', ');
    }
</script>

از دستور document.write برای نمایش اطلاعات در صفحه استفاده می شود.

forEach

حالت خاصی از حلقه for به نام forEach وجود دارد که پیمایش بین عناصر یک مجموعه (مانند آرایه) را تسهیل می بخشد و نحوه استفاده از آن به شکل زیر است:

<script>
  var cities=["tehran","esfahan","shiraz","tabriz","mashhad","kordestan"];
  cities.forEach(item=>{
    document.write(item+"<br />");
  })
</script>

در قطعه کد فوق درون forEach متغیری به نام item تعریف شده است که در هر مرحله به یکی از عناصر آرایه cities اشاره می کند.