دستور For در JavaScript

یک حلقه می‌تواند یک بلوک کد را چندین بار اجرا کند.

دوره‌های JavaScript

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

معمولاً با مثال‌های استفاده از آرایه‌ها مواجه می‌شویم:

نمی‌توان به این شکل نوشت:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

شما می‌توانید به این شکل بنویسید:

برای (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
 }

آموزش عملی

انواع مختلف حلقه‌ها

جاوااسکریپت از انواع مختلف حلقه‌ها پشتیبانی می‌کند:

  • فرهنگ - اجرای چندین بار بلوک کد
  • for/in - مرور ویژگی‌های یک شیء
  • while - حلقه‌ای که کد را تا زمانی که شرط مشخص شده باشد اجرا می‌کند
  • do/while - حلقه‌ای که کد را تا زمانی که شرط مشخص شده باشد اجرا می‌کند

فرهنگ For

فرهنگ برای ایجاد حلقه‌ها ابزار بسیار مناسبی است.

ساختار فرهنگ به صورت زیر است:

برای (فرهنگ 1; فرهنگ 2; فرهنگ 3) {
     کدی که باید اجرا شود
}

فرهنگ 1 در ابتدای حلقه (بلوک کد) اجرا می‌شود.

فرهنگ 2 شرط اجرای حلقه (بلوک کد) را تعریف می‌کند.

فرهنگ 3 در هر بار اجرای حلقه (بلوک کد) مقدار را افزایش می‌دهد.

مثال

برای (i = 0; i < 5; i++) {
     text += "عدد است " + i + "<br>";
}

آموزش عملی

از کد بالا می‌توانید بدانید:

فرهنگ 1 مقداری را در ابتدای حلقه تنظیم می‌کند (var i = 0).

فرهنگ 2 شرط اجرای حلقه را تعریف می‌کند (i باید کمتر از 5 باشد).

فرهنگ 3 در هر بار اجرای بلوک کد مقدار را افزایش می‌دهد (i++).

فرهنگ 1

معمولاً، شما از فرهنگ 1 برای مقداردهی متغیرهای مورد استفاده در حلقه استفاده می‌کنید (i = 0).

اما همیشه اینطور نیست، جاوااسکریپت اهمیتی نمی‌دهد. فرهنگ 1 نیز قابل حذف است.

شما می‌توانید چندین مقدار را در فرهنگ 1 مقداردهی کنید (با استفاده از کاما جدا کنید):

مثال

برای (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "<br>";
}

آموزش عملی

و شما همچنین می‌توانید فرهنگ 1 را حذف کنید (مثلاً در ابتدای حلقه مقدار تنظیم شده باشد):

مثال

var i = 2;
var len = cars.length;
var text = "";
برای (; i < len; i++) { 
    text += cars[i] + "<br>";
}

آموزش عملی

فرهنگ 2

معمولاً فرهنگ 2 برای محاسبه شرط اولیه متغیر استفاده می‌شود.

اما همیشه اینطور نیست، جاوااسکریپت اهمیتی نمی‌دهد. فرهنگ 2 نیز قابل حذف است.

اگر فرهنگ 2 true برمی‌گرداند، حلقه دوباره شروع می‌شود، اگر false برمی‌گرداند، حلقه تمام می‌شود.

اگر فرهنگ 2 را حذف کنید، باید در حلقه یک مقدار ارائه دهید breakدر غیر این صورت، حلقه هرگز تمام نمی‌شود. در فصل بعد بیشتر درباره break بخوانید.

فرهنگ 3

معمولاً فرهنگ 3 مقدار اولیه متغیر را افزایش می‌دهد.

اما همیشه اینطور نیست، جاوااسکریپت اهمیتی نمی‌دهد. فرهنگ 3 نیز قابل حذف است.

فرهنگ 3 می‌تواند هر کاری انجام دهد، مانند کاهش منفی (i--)، افزایش مثبت (i = i + 15)، یا هر چیز دیگری.

جملات 3 نیز می‌توانند حذف شوند (مثلاً زمانی که شما در حلقه مقدار را افزایش می‌دهید):

مثال

var i = 0;
var len = cars.length;
برای (; i < len; ) { 
    text += cars[i] + "<br>";
      i++;
}

آموزش عملی

حلقه For/In

JavaScript for/in جملات به ترتیب ویژگیهای شیء را می پیمایند:

مثال

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
برای (x در person) {
    text += person[x];
}

آموزش عملی

حلقه While

در فصل بعدی یاد خواهیم گرفت که چگونه حلقه while و do/while کار می کنند.

کتابهای درسی خارج از کلاس

بیشتر از جملات for JavaScriptبرای اطلاعات بیشتر در مورد

جملات تکرارable ECMAScript
جملات تکرارable به عنوان جملات حلقه نیز شناخته می شوند. این بخش جملات تکرارable چهارگانه ارائه شده توسط ECMAScript را معرفی می کند.