عبارت برای JavaScript

تعریف و استفاده

语句 برای ایجاد چرخه استفاده می‌شود، تا زمانی که شرط درست باشد، این چرخه اجرا خواهد شد.

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

JavaScript از انواع مختلف چرخه‌ها پشتیبانی می‌کند:

  • برای - تکرار کردن بلوک کد
  • برای/در - مرور ویژگی‌های یک شیء
  • for/of - از ارزش‌های یک شیء قابل آنتریتور (iterable) می‌گذرد
  • while - تا زمانی که شرط حقیقت داشته باشد، بخش کد را تکرار می‌کند
  • do/while - یک بار بخش کد را اجرا می‌کند و سپس حلقه را در صورت حقیقت داشتن شرط تکرار می‌کند

نکته:برای خروج از حلقه از دستور break استفاده کنید، برای گذردن از یک ارزش خاص در حلقه از دستور continue استفاده کنید.

مثال

حلقه کد را پنج بار اجرا کنید:

var text = "";
var i;
برای (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

آزمایش کنید

در پایین صفحه مثال‌های بیشتر TIY وجود دارد.

راستای

برای (statement 1; statement 2; statement 3) {
  بخش کدی که باید اجرا شود
}

ارزش پارامتر

پارامتر توضیح
statement1

اختیاری. قبل از شروع حلقه (بخش کد) اجرا می‌شود. معمولاً این دستور برای ابتدایی‌سازی متغیرهای شمارنده استفاده می‌شود. برای ابتدایی‌سازی چندین ارزش، از کاما برای جدا کردن هر ارزش استفاده کنید.

نکته:این پارامتر را می‌توان حذف کرد. اما، نکته به جد به کارگیری نکته ";" را فراموش نکنید.
statement2

اختیاری. شرط اجرای حلقه (بخش کد) را تعریف کنید. معمولاً این دستور برای ارزیابی شرط متغیرهای شمارنده استفاده می‌شود. اگر true برگرداند، حلقه دوباره شروع می‌شود، اگر false برگرداند، حلقه پایان می‌یابد.

نکته:این پارامتر را می‌توان حذف کرد. اما، نکته به جد به کارگیری نکته ";" را فراموش نکنید. علاوه بر این، اگر این پارامتر را حذف کنید، باید در داخل حلقه break را ارائه دهید. در غیر این صورت حلقه هرگز پایان نمی‌یابد و این باعث از کار افتادن مرورگر شما خواهد شد.
statement3

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

نکته:این پارامتر را می‌توان حذف کرد (مثلاً افزایش/کاهش ارزش‌های داخل حلقه).

جزئیات فنی

نسخه JavaScript: ECMAScript 1

مثال‌های بیشتر

مثال

حلقه از شاخص‌های آرایه می‌گذرد و نام خودروها را از آرایه cars جمع‌آوری می‌کند:

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

آزمایش کنید

توضیح مثال:

  • ابتدا، ما یک متغیر را قبل از شروع حلقه تنظیم می‌کنیم (var i = 0;)
  • سپس، ما شرط اجرای حلقه را تعریف می‌کنیم. تا زمانی که متغیر کمتر از طول آرایه باشد (یعنی 4)، حلقه ادامه می‌یابد
  • در هر بار اجرای حلقه، متغیر یک افزایش می‌یابد (i++)
  • وقتی که متغیر دیگر کمتر از 4 (طول آرایه) نیست، شرط نادرست است و حلقه پایان می‌یابد

مثال

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

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

آزمایش کنید

مثال

اولین پارامتر را حذف کنید (قبل از شروع حلقه تنظیم می‌شود):

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

آزمایش کنید

مثال

استفاده از دستور continue - اجرای حلقه کد، اما از ارزش "3" گذرد

var text = ""
var i;
برای (i = 0; i < 5; i++) {
  اگر (i == 3) {
    continue;
  }
  text += "The number is " + i + "<br>";
}

آزمایش کنید

مثال

استفاده از دستور break - اجرای یک بخش از کد، اما خروج از حلقه زمانی که متغیر i برابر با "3" است:

var text = ""
var i;
برای (i = 0; i < 5; i++) {
  اگر (i == 3) {
    break;
  }
  text += "The number is " + i + "<br>";
}

آزمایش کنید

مثال

صرف نظر از دومین پارامتر. در این مثال، از دستور break نیز برای خروج از حلقه در زمانی که i برابر با "3" است استفاده می‌کنیم (اگر دومین پارامتر صرف نظر شود، باید درون حلقه یک دستور break ارائه شود. در غیر این صورت، حلقه هرگز تمام نمی‌شود و مرورگر شما از کار خواهد افتاد):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
برای (i = 0; ; i++) {
  اگر (i == 3) {
    break;
  }
  text += cars[i] + "<br>";
}

آزمایش کنید

مثال

بررسی حلقه به ترتیب کاهشی از شمارنده‌ی آرایه (کاهش منفی):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
برای (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";
}

آزمایش کنید

مثال

صرف نظر از آخرین پارامتر و افزایش مقدار درون حلقه:

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

آزمایش کنید

مثال

بررسی و تغییر رنگ پس‌زمینه تمام عناصر <p> در NodeList:

var myNodelist = document.getElementsByTagName("P");
var i;
برای (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";
}

آزمایش کنید

مثال

مثال پیچیده‌ی حلقه‌ها (حلقه درون حلقه):

var text = "";
var i, j;
برای (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  برای (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

آزمایش کنید

پشتیبانی مرورگر

جملات کروم آی‌ای‌ای افرادا سافاری آپرا
برای پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

توضیحات جاوااسکریپت:دوره for در JavaScript

دستورالعمل JavaScript:فرمان for ... in در JavaScript

دستورالعمل JavaScript:فرمان break در JavaScript

دستورالعمل JavaScript:فرمان continue در JavaScript

دستورالعمل JavaScript:فرمان while در JavaScript