سلام و عرض ادب خدمت همه ی شما دنبال کنندگان گرامی
امروز دوباره با یه پست درباره ی حلقه ها در زبان برنامه نویسی قدرتمند جاوا اسکریپت براتون بنویسم
امیدوارم که خوشتون بیاد :)
خب در همین ابتدا بزارید اول بهتون مفهوم حلقه هارو بگم :
حلقه ها در جاوا اسکریپت به ما کمک می کنند تا بتوانیم یک کد را بارها و بارها و با مقادیر متفاوت اجرا کنیم. به طور مثال اگر بخواهید بدون استفاده از حلقه ها به آرایه ها چیزی اضافه نمایید.
حلقه for
یکی از پر استفاده ترین حلقه ها در زبان جاوا اسکریپت حلقه for است. قاعده ی نوشتاری این حلقه عبارت است از :
1
2
3
for (begin; condition; step) {
// ... loop body ...
}
در نمونه مثال زیر ، حلقه for دستور (alert(i را برای متغیر i از صفر تا ۳ (نه خود مقدار ۳) اجرا می کند :
1
2
3
for (let i = 0; i < 3; i++) { // shows 0, then 1, then 2
alert(i);
}
در زیر قسمت های مختلف حلقه for را بررسی می کنیم :
Begin : دستور i = ۰ یکبار و آن هم در اولین ورود به حلقه for اجرا میشود.
Condition : شرط i < ۳ قبل از هر تکراری از حلقه بررسی می شود. در صورتی که ناصحیح باشد اجرای حلقه خاتمه می یابد.
Step : دستور ++i بعد از اجرای بدنه حلقه در هر تکرار اجرا میشود و مقدار شمارنده حلقه را افزایش می دهد. این امر قبل از ارزیابی شرط برای تکرار بعدی صورت می گیرد.
Body : دستور (alert(i مادامی که شرط حلقه صحیح باشد اجرا میشود.
حلقه ی while
حلقه ی while (به معنی "تا زمانی که") یک گروه کد را چندین بار اجرا می کند البته تا زمانی که شرط خاصی برقرار باشد. ساختار کلی این حلقه به این شکل است:
while (condition) { // code block to be executed }
به طور مثال در کد زیر حلقه بی وقفه و پشت سر هم اجرا می شود تا زمانی که متغیرِ "i" کمتر از 10 باشد:
<!DOCTYPE html> <html> <body> <h2>JavaScript while</h2> <p id="demo"></p> var text = ""; var i = 0; while (i < 10) { text += "<br>The number is " + i; i++; } document.getElementById("demo") = text; </body> </html>
خروجی این کد به شکل زیر است:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
حلقه ی do/while
حلقه ی do/while نسخه ی خاصی از حلقه ی while است. فرق آن با while این است که این حلقه یک بار بدون چک کردن شرط حلقه را اجرا می کند و از دفعه ی دوم به بعد شرط را چک می کند، اگر برقرار بود، ادامه می دهد و در غیر این صورت دیگر حلقه را اجرا نمی کند. این حلقه برای زمانی است که می خواهید یک گروه کد حداقل یک بار اجرا شود. ساختار کلی حلقه به این شکل است:
do { // code block to be executed } while (condition);
به طور مثال در کد زیر، حتی اگر شرط برقرار نباشد، کد های داخل حلقه حداقل یک بار اجرا خواهند شد:
<!DOCTYPE html> <html> <body> <h2>JavaScript do ... while</h2> <p id="demo"></p> var text = "" var i = 0; do { text += "<br>The number is " + i; i++; } while (i < 10); document.getElementById("demo") = text; </body> </html>
خروجی این کد به شکل زیر است:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
اما از شما می خواهم به ادیتور آنلاین جاوا اسکریپت بروید و شرط را دستکاری کنید و می بینید که در این صورت باز هم کد ها یک بار اجرا می شوند.
تعریف متغیر در داخل حلقه for
شمارنده ی حلقه for یعنی متغیر i ، در خود حلقه تعریف میشود. چنین متغیری فقط در خود حلقه قابل استفاده است :
1
2
3
4
for (let i = 0; i < 3; i++) {
alert(i); // 0, 1, 2
}
alert(i); // error, no such variable
می توان متغیر i را در خارج از حلقه تعریف کرد. در این صورت می توان به آن در خارج از حلقه نیز دسترسی داشت :
1
2
3
4
5
6
7
let i = 0;
for (i = 0; i < 3; i++) { // use an existing variable
alert(i); // 0, 1, 2
}
alert(i); // 3, visible, because declared outside of the loop
شاید برای شما این سوال پیش بیاید که شاید ما قصد داشته باشیم قبل از رسیدن به نتیجه ی مطلوب حلقه ی تکرار خود را ببندیم
برای این کار نیاز است از دستور break (شکستن) استفاده کنید در ادامه توضیحی کامل تر در این باره میدهیم.
اگر می‌خواهید پیش از اجرای همه تکرارهای حلقه ها در جاوا اسکریپت از آن خارج شوید می‌توانید از گزاره یا دستور break استفاده کنید.
این امر به این شکل است که برای مثال ما حلقه ای ایجاد کرده ایم که وظیفه دارد اعداد بین 0 تا 100 را برای ما بشمارد,
ما با استفاده از دستور break قادر خواهیم بود که این حلقه را در هر عددی که بخواهیم متوقف کنیم و از ادامه یافتن روند آن جلوگیری کنیم.
خب دوستان اینم از آموزش و مقاله ی کاربردی امروز , امیدوارم که تونسته باشم بهتون کمک کوچیکی توی یادگیری و مسیر موفقیتتون داشته باشم
تا آموزش بعدی خدا نگهدار ...
منبع : https://sabzlearn.ir/loops-in-javascript/