حلقهها یکی از ابزارهای مهم در برنامهنویسی هستند که به شما امکان میدهند بخشهایی از کد را چندین بار اجرا کنید. در جاوا اسکریپت، حلقههای مختلفی وجود دارد که از آنها میتوانید برای تکرار عملیات و اجرای منطقهای تکراری استفاده کنید. حلقههای for و while از رایجترین حلقهها هستند که در این مقاله به بررسی کامل آنها، نحوه استفاده و کاربردهای مختلف میپردازیم.
حلقهها در برنامهنویسی به شما امکان میدهند که یک بلاک کد را به صورت تکراری اجرا کنید تا زمانی که شرط خاصی برقرار باشد. این قابلیت به خصوص برای عملیاتهای تکراری، مانند پردازش دادهها، نمایش لیستها و انجام محاسبات بسیار مفید است.
حلقه for یکی از پرکاربردترین حلقهها در جاوا اسکریپت است. این حلقه معمولاً زمانی استفاده میشود که تعداد دفعات تکرار مشخص باشد.
ساختار حلقه for
for (شروع; شرط؛ بروزرسانی) {
// کدهایی که باید تکرار شوند
}
شروع: مقداردهی اولیهای که تنها یکبار در شروع حلقه اجرا میشود.
شرط: شرطی که قبل از هر تکرار بررسی میشود. اگر شرط برقرار باشد، کد داخل حلقه اجرا میشود.
بروزرسانی: دستوری که در انتهای هر تکرار اجرا میشود و معمولاً برای تغییر مقدار متغیر شمارنده استفاده میشود.
مثال ساده از حلقه for
for (let i = 0; i < 5; i++) {
console.log("تکرار شماره: " + i);
}
در اینجا:
متغیر i با مقدار اولیه 0 شروع میشود.
تا زمانی که i کمتر از 5 باشد، کد داخل حلقه اجرا میشود.
در انتهای هر تکرار، مقدار i یک واحد افزایش مییابد.
حلقه while زمانی استفاده میشود که شرط خاصی برقرار باشد و تعداد دفعات تکرار مشخص نباشد.
ساختار حلقه while
while (شرط) {
// کدهایی که باید تکرار شوند
}
شرط: قبل از هر تکرار بررسی میشود. اگر شرط برقرار باشد، کد داخل حلقه اجرا میشود. این کار تا زمانی که شرط برقرار باشد ادامه مییابد.
مثال ساده از حلقه while
let count = 0;
while (count < 5) {
console.log("تکرار شماره: " + count);
count++;
}
در اینجا:
مقدار اولیه count برابر با 0 است.
حلقه while تا زمانی که count کمتر از 5 باشد اجرا میشود و در هر تکرار یک واحد به count اضافه میشود.
حلقه do...while مشابه while است، با این تفاوت که حداقل یکبار اجرا میشود، حتی اگر شرط برقرار نباشد.
ساختار حلقه do...while
do {
// کدهایی که باید تکرار شوند
} while (شرط);
مثال از حلقه do...while
let count = 0;
do {
console.log("تکرار شماره: " + count);
count++;
} while (count < 5);
در اینجا:
حلقه حداقل یکبار اجرا میشود و سپس شرط count < 5 بررسی میشود.
نمایش عناصر آرایه با استفاده از حلقه for
یکی از رایجترین کاربردهای حلقهها، نمایش و پردازش عناصر آرایه است.
let fruits = ["سیب", "موز", "پرتقال"];
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
در اینجا:
با استفاده از حلقه for، عناصر آرایه fruits یکی پس از دیگری نمایش داده میشوند.
مثلاً محاسبه مجموع اعداد از 1 تا 10:
let sum = 0;
let number = 1;
while (number <= 10) {
sum += number;
number++;
}
console.log("مجموع از 1 تا 10 برابر است با: " + sum);
در اینجا:
با استفاده از حلقه while، مجموع اعداد از 1 تا 10 محاسبه شده و در نهایت نمایش داده میشود.
دو دستور break و continue به شما امکان کنترل بهتر حلقهها را میدهند.
break: این دستور باعث توقف کامل حلقه و خروج از آن میشود.
for (let i = 0; i < 10; i++) {
if (i === 5) break;
console.log(i);
}
در اینجا:
زمانی که i به 5 برسد، حلقه متوقف میشود.
continue: این دستور باعث میشود که تنها تکرار جاری حلقه متوقف شده و به تکرار بعدی برود.
for (let i = 0; i < 10; i++) {
if (i === 5) continue;
console.log(i);
}
در اینجا:
زمانی که i برابر با 5 باشد، آن تکرار نادیده گرفته میشود و به تکرار بعدی میرود.
در جاوا اسکریپت، میتوانید از حلقههای تو در تو استفاده کنید. این حلقهها برای کارهایی مانند ایجاد جداول و پردازش دادههای چند بعدی مفید هستند.
مثال از حلقههای تو در تو
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
console.log("i = " + i + ", j = " + j);
}
}
در اینجا:
حلقه داخلی برای هر مقدار از i، سه بار اجرا میشود و خروجی نمایش داده میشود.
استفاده از حلقه for برای تعداد تکرارهای مشخص: اگر تعداد تکرار مشخص است، از حلقه for استفاده کنید.
استفاده از حلقه while برای تعداد تکرارهای نامشخص: اگر تعداد تکرار مشخص نیست و فقط بر اساس شرط خاصی باید ادامه یابد، از while یا do...while استفاده کنید.
اجتناب از حلقههای بیپایان: اطمینان حاصل کنید که شرط خروج حلقه واضح است تا از ایجاد حلقههای بیپایان جلوگیری شود.
استفاده از break و continue با احتیاط: از این دستورات در مواقع ضروری استفاده کنید و برای بهبود خوانایی کد، کاربرد آنها را محدود کنید.
حلقهها ابزارهای قدرتمندی هستند که به شما این امکان را میدهند تا عملیاتهای تکراری را به شکلی بهینه اجرا کنید. با یادگیری کامل و تسلط بر حلقههای for و while در جاوا اسکریپت، میتوانید برنامههای پویا و منعطفی ایجاد کنید. تمرین و تجربه در کار با حلقهها به شما کمک میکند تا از این ابزارها به طور کارآمد استفاده کنید و منطق برنامهنویسی خود را به سطح بالاتری برسانید.
نظری یافت نشد
آموزش کامل کار با آرایهها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش
2م شهریور 1403
مطالعه بیشتر
مدیریت خطاها در Async/Await و Promises در جاوا اسکریپت: راهنمای کامل با مثالهای عملی
30م مهر 1403
مطالعه بیشتر
آموزش کامل ویژگی background در CSS: تنظیمات پسزمینه برای طراحی وب راهنمای جامع
5م شهریور 1402
مطالعه بیشتر
پیمایش اشیاء و آرایهها در جاوا اسکریپت: راهنمای کامل برای Object.keys، Object.values، for...in و for...of
4م مهر 1403
مطالعه بیشتر
آموزش متغیرهای سفارشی (Custom Properties) در CSS: نحوه تعریف و استفاده از var
18م شهریور 1402
مطالعه بیشتر
آموزش لیستها در HTML: طراحی و استایلدهی لیستهای مرتب و نامرتب
20م مرداد 1402
مطالعه بیشتر
استفاده از Viewports و Viewport Units در CSS: طراحی واکنشگرا با vw، vh، vmin و vmax
16م آبان 1403
مطالعه بیشتر
آشنایی با انواع انتخابگرها و تغییر پسزمینه با CSS: راهنمای جامع
4م شهریور 1402
مطالعه بیشتر
آموزش جامع توابع در جاوا اسکریپت: نحوه تعریف، فراخوانی و بازگشت مقادیر
2م بهمن 1402
مطالعه بیشتر
آموزش ایجاد Transitions و انیمیشنهای صفحه بارگذاری (Loader) در CSS: طراحی لودرهای جذاب
16م آبان 1403
مطالعه بیشتر
آموزش mix-blend-mode و background-blend-mode در CSS: ترکیب رنگها و ایجاد افکتهای جذاب
12م آبان 1403
مطالعه بیشتر
آموزش مدیریت Box Model و ترکیب اجزای آن با CSS: کنترل دقیق فاصلهها و ابعاد عناصر
5م شهریور 1402
مطالعه بیشتر
تمامی حقوق معتلق به ناشر سایت است و کپی از آن پیگرد قانونی دارد