ساختار حلقه for در جاوا اسکریپت (JavaScript)

گاهی اوقات نیاز داریم عملیات های مشابه را چندین بار تکرار کنیم. در این مواقع از حلقه ها استفاده می کنیم. در این مقاله با حلقه for در جاوا اسکریپت(javascript) آشنا می‌شوید. اگه علاقه مند بودید میتونید محتوای این مقاله روهم در ویدئو زیر ببینید.

ساختار حلقه for:

for (شمارنده حلقه ; شرط حلقه ; مقدار اولیه حلقه){

دستورات داخل حلقه

}

برای استفاده از حلقه for در جاوا اسکریپت باید از کلمه کلیدی ()for استفاده کنیم که سه پارامتر دارد:

1- اولین پارارمتر مقدار اولیه حلقه است که باید به آن مقدار بدهیم. به طور مثال :

for(let i = 0 ; ….)

همچنین می توان مقدار اولیه را خارج از حلقه for مقدار دهیم که در جای اولین پارامتر حلقه چیزی نمی نویسیم. به طور مثال :

let i = 0

for(; i < 10 ; i++)

2- دومین پارامتر شرط حلقه است که قبل از هر تکراری از حلقه بررسی می شود و درصورتی که ناصحیح باشد اجرای حلقه پایان می یابد. به طور مثال:

for(let i = 0 ; i < 10 ; …)

3- و آخرین پارامتر شمارنده حلقه است که می تواند افزایشی یا کاهشی باشد. به طور مثال :

for(let i = 0 ; i < 10 ; i++) => افزایشی

for(let i = 0 ; i < 10 ; i–) => کاهشی

توجه داشته باشید که شمارنده حلقه لزومی ندارد که تنها به صورت یک واحد یک واحد افزایش یا کاهش یابد. به طور مثال :

for(let i = 0 ; i < 10 ; i += 3)

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

مثال :

for (let i = 0; i < 10; i++) {
   document.write("<h2>" + i*i + "</h2>") 
}

for (let i = ; i < 10; i++) {

document.write("<h2>" + i*i + "</h2>")

}

مثال بالا یک شمارنده افزایشی است

خروجی :در مثال بالا مربع اعداد 0 تا 10 بر روی صفحه نمایش داده می شود.( مطابف تصویر)

مثال :

for (let i = 9; i >= 0; i--) {
   document.write("<h2>" + i*i + "</h2>") 
}

for (let i = 9; i >= ; i--) {

document.write("<h2>" + i*i + "</h2>")

}

و این مثال یک شمارنده کاهشی است و در خروجی مربع اعداد 9 تا 0 بر روی صفحه نمایش داده می شود (مطابق تصویر)

آشنایی با cheerpJ

مثال :

for (let i = 0; i < 10; i += 3) {
   document.write("<h2>" + i*i + "</h2>") 
}

for (let i = ; i < 10; i += 3) {

document.write("<h2>" + i*i + "</h2>")

}

در مثال بالا شمارنده یک شمارنده افزایشی است اما به صورت یک واحد یک واحد افزایش پیدا نمی کند . خروجی در مثال بالا به صورت زیر خواهد بود :

در جاوا اسکریپت می توان حلقه های for تو در تو ایجاد کرد به عنوان مثال با استفاده از دو حلقه for تو در تو می توان یک جدول ضرب ایجاد کرد.

مثال :

در این مثال ما برای ایجاد جدول ضرب از table استفاده می کنیم وباید از دو حلقه for تو در تو استفاده شود تا سطر ها و ستون های ما را بسازد :

document.write("<table border = '3' >")
for (let i = 1; i <= 10; i++) {
   document.write("<tr>")
   for (let j = 1; j <= 10; j++) {
      document.write("<td>" + j * i + "</td>")
   }
   document.write("</tr>")
}
document.write("</table>")

document.write("<table border = '3' >")

for (let i = 1; i <= 10; i++) {

document.write("<tr>")

for (let j = 1; j <= 10; j++) {

document.write("<td>" + j * i + "</td>")

}

document.write("</tr>")

}

document.write("</table>")

در اولین خط با دستور document.write(“<table border = ‘3’ >”) یک table با ‘border = ‘3 ایجاد می کنیم. سپس یک حلقه for با شرط خاتمه i < 10 ایجاد می کنیم و با اجرای هر بار این حلقه در ابتدا یک سطر با دستور document.write(“<tr>”) ایجاد می کنیم.

سپس از یک حلقه for دیگر برای ایجاد هر ستون با محتوای ضرب با دستور document.write(“<td>” + j * i + “</td>”) ایجاد می کنیم و در انتها این حلقه for را می‌بندیم . سپس در انتهای بدنه for اول آن سطری که ایجاد کردیم را دستور document.write(“</tr>”)می بندیم .

و در آخر برنامه آن table کردیم را نیز با دستور document.write(“</table>”) می بندیم و خروجی به صورت زیر خواهد بود:

نکته : مقاله حلقه for در javascript قسمتی کوچیکی از آموزش مقدماتی تا پیشرفته جاوا اسکریپت (کاملا پروژه محور) بود. که اگه علاقه مند بودید میتونید از اینجا ویدئو های پیش نمایش و پروژه های این دوره رو ببینیدو در این دوره ثبت نام کنید.

ساختار حلقه for در جاوا اسکریپت (JavaScript)

ساختار حلقه for:

مثال :

مثال :

مثال :

مثال :

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

ساختار حلقه for:

مثال :

مثال :

مثال :

مثال :

مطالب زیر را حتما مطالعه کنید

آموزش کار با timing event ها

معرفی DOM به زبان ساده

constructor function در جاوااسکریپت

factory function در جاوا اسکریپت

this در جاوا اسکریپت (JavaScript)

تفاوت for in و for of

دیدگاهتان را بنویسید لغو پاسخ