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

به معرفی حلقه for جاوااسکریپت می پردازیم. جاوا اسکریپت برای حلقه به توسعه دهندگان کمک می کند تا از کد تکراری جلوگیری کنند. دو حلقه جاوا اسکریپت وجود دارد: برای حلقه و حلقه while. حلقه جاوا اسکریپت سه نوع دارد. این می تواند یک حلقه عمومی ، یک حلقه for / در و یک حلقه for / باشد.

حلقه while می تواند دو نوع باشد: حلقه while و do / while. اگر می خواهید در مورد JavaScript while loop بیشتر بدانید ، به آموزش ما مراجعه کنید JavaScript while Loop.

نکات اصلی حلقه for جاوااسکریپت:

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

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

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

for (i = 0; i < 10; i++) {
    t += i + "<br>";
}

نحو حلقه شامل سه جمله است که نحوه کار آن را توصیف می کند:

• اولین مورد قبل از شروع حلقه اجرا می شود. در این حالت ، قبل از شروع حلقه متغیر را اعلام می کند (به عنوان مثال i = 0).
• مورد دوم شرط چند تکرار بودن حلقه را اعلام می کند (به عنوان مثال i <5 یعنی اگر i به 5 برسد حلقه متوقف می شود).
• از سومین بار در هر بار اجرای بلوک کد استفاده می شود. در این حالت ، این اعلام می کند که آیا مقدار باید با هر بار اجرا افزایش یابد یا کاهش یابد ، یعنی i ++ به این معنی است که من هر بار که حلقه اجرا می شود یک برابر می شوم.

for (i = 0; i < 5; i++) {
   text += i + "<br>";
}

توجه: لازم نیست همه عبارات در اعلامیه حلقه گنجانده شود ، اما در چنین مواردی ، باید عملکرد را با کدی که حلقه می کنید جایگزین کنید.

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

بیانیه 1

این دستور برای اعلام متغیری که قرار است برای تکرار استفاده کنید استفاده می شود. با این دستور می توان متغیرهای متعددی را اعلام کرد ، اما به یاد داشته باشید که اظهارات متغیرها را با کاما جدا کنید:

for (i = 0, len = cars.length, t = ""; i < len; i++) {
   t += cars[i] + "<br>";
}

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

var i = 2;
var l = cars.length;
var t = "";
for (; i < l; i++) {
   t += cars[i] + "<br>";
}

توجه: حتی وقتی جمله را نمی نویسید ، باید نقطه ویرگول (؛) را وارد کنید تا بتوانید آنچه را که به گزاره های اول ، دوم و سوم مربوط می شود ، متمایز کنید.

بیانیه 2

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

اگر تصمیم دارید جمله دوم را در حلقه خود وارد نکنید ، باید یک دستور break در داخل حلقه ارائه دهید تا به آن بگویید چه موقع اجرای آن متوقف شود. در مثال زیر ، برای ایجاد شرطی که می خواهیم حلقه متوقف شود ، از دستور break با دستور if استفاده می کنیم:

let i = 0;
var cars = ["Ferrari", "BMW", "Opel", "Mercedes"];
var len = cars.length;
var text = "";

for (; ; i++) {
  if (i >= len) {
    break;
  }
  text += cars[i] + "<br>";
}

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

بیانیه 3

این دستور نیز اختیاری است و برای افزایش مقدار متغیر استفاده می شود. این مقدار ممکن است با افزایش مثبت i ++ یا منفی i– افزایش یابد. همچنین می توانید مقادیر را برای افزایش مقادیر بیشتر از 1 تنظیم کنید ، یعنی i = i + 10:

var i = 0;
var l = cars.length;
for (; i < l; ) {
   t += cars[i] + "<br>";
   i++;
}

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

برای / در حلقه

حلقه جاوا اسکریپت برای / در حلقه گذاری از طریق خواص یک شی استفاده می شود:

var person = {
   name: "Ben", 
   surname: "Bundy",
   age: 31,
};
var text = "";
var x;
for (x in person) {
   text += person[x];
}

برای / از حلقه

حلقه جاوا اسکریپت برای / از برای تکرار اشیا it قابل تکرار مانند آرایه ها و آرایه های تایپ شده ، رشته ها ، لیست گره ها ، آرگومان ها ، نقشه ها و مجموعه ها استفاده می شود. در مثال زیر ما از حلقه / برای حلقه استفاده از یک آرایه استفاده می کنیم و هر مورد را در آن نمایش می دهیم:

var cars = ["Ferrari", "BMW", "Opel", "Mercedes"];
var text = "";
for (let car of cars) {
  text += car + "<br>";
}

document.getElementById("test").innerHTML = text;

در مثال زیر ، ما از JavaScript for / of loop استفاده می کنیم تا از طریق یک رشته تکرار شده و هر شاخص (حرف) را نمایش دهیم:

var cars = ["Ferrari", "BMW", "Opel", "Mercedes"];
var text = "";
for (let car of cars) {
  text += car + "<br>";
}

document.getElementById("test").innerHTML = text;

خلاصه حلقه for جاوااسکریپت:

• برای حلقه ها سه نوع وجود دارد: حلقه معمولی ، حلقه for / in و for / of.
• حلقه for از طریق یک آرایه تکرار می شود.
• حلقه for / in از طریق خصوصیات یک شی تکرار می شود.
• حلقه for / of از طریق اشیا it قابل تکرار مانند آرایه ها و رشته ها تکرار می شود.