حلقهها یکی از ابزارهای مهم در برنامهنویسی هستند که به شما امکان میدهند بخشهایی از کد را چندین بار اجرا کنید. در جاوا اسکریپت، حلقههای مختلفی وجود دارد که از آنها میتوانید برای تکرار عملیات و اجرای منطقهای تکراری استفاده کنید. حلقههای 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 در جاوا اسکریپت، میتوانید برنامههای پویا و منعطفی ایجاد کنید. تمرین و تجربه در کار با حلقهها به شما کمک میکند تا از این ابزارها به طور کارآمد استفاده کنید و منطق برنامهنویسی خود را به سطح بالاتری برسانید.
نظری یافت نشد
نصب Vue.js و ایجاد پروژه ساده: آموزش گامبهگام راهاندازی Vue
28م شهریور 1402
مطالعه بیشتر
آموزش لیستها در HTML: طراحی و استایلدهی لیستهای مرتب و نامرتب
20م مرداد 1402
مطالعه بیشتر
اصول پایه React.js: آشنایی با کامپوننتها، وضعیت و رندرینگ
28م شهریور 1402
مطالعه بیشتر
مدیریت خطاها و استفاده از try...catch در جاوا اسکریپت: راهنمای کامل و مثالها
28م مهر 1403
مطالعه بیشتر
آموزش تگهای زمان و مکان در HTML: استفاده از time و location در صفحات وب
29م مرداد 1402
مطالعه بیشتر
آموزش کامل کار با آرایهها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش
2م شهریور 1403
مطالعه بیشتر
مقدمهای بر Node.js و کار با جاوا اسکریپت سمت سرور: آموزش اولیه و اصولی
4م آبان 1403
مطالعه بیشتر
آموزش لیستها در CSS: طراحی و استایلدهی ساده برای لیستهای HTML
10م شهریور 1402
مطالعه بیشتر
آموزش تغییر المانهای DOM: ویرایش متن، سبکها و کلاسها در جاوا اسکریپت - راهنمای کامل با مثالها
2م آبان 1403
مطالعه بیشتر
کنترل زمانبندی و اندازهگیری دقیق انیمیشنها در CSS: آموزش جامع و اصول استاندارد
18م شهریور 1402
مطالعه بیشتر
معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان
1م آبان 1403
مطالعه بیشتر
مدیریت ترتیب نمایش با z-index در CSS: آموزش کامل و کاربردی
11م آبان 1403
مطالعه بیشتر
تمامی حقوق معتلق به ناشر سایت است و کپی از آن پیگرد قانونی دارد