در این مطلب آموزشی از مکتب خونه، نحوه استفاده از دستور break در جاوا اسکریپت، برای خاتمه پیش از زمان موعد یک حلقه را یاد خواهیم گرفت. ما دستور break را در حلقه‌های:
- For در جاوا اسکریپت
- تودرتو
- While در جاوا اکریپت
- Do…while
به کار خواهیم برد و برای هرکدام مثال‌های واضحی ارائه می‌دهیم. پس اگر به فکر یادگیری نحوه استفاده از دستور break در جاوا اسکریپت هستید تا آخر این مقاله ما را دنبال کنید. قبل از اینکه به سراغ اصل مسئله یعنی کاربرد break در دستورات حلقه برویم ابتدا اجازه دهید که با پیش نیاز این آموزش، یعنی با label statement آشنا شویم.
[box type=”note” align=”” class=”” width=””]ویدئو پیشنهادی: جاوا اسکریپت[/box]
دستور برچسب یا label statement در جاوا اسکریپت
در زبان برنامه نویسی جاوا اسکریپت، می‌توانید یک عبارت را برای استفاده بعدی برچسب‌گذاری کنید. در اینجا سینتکس دستور برچسب آمده است.
در این نحو، برچسب می‌تواند هر شناسه معتبری باشد. به‌عنوان مثال، کد زیر نشان می‌دهد که چگونه یک حلقه for را با استفاده از برچسب بیرونی برچسب‌گذاری کنید:
outer: for (let i = 0; i < 5; i++) {
console.log(i);
}پس از تعریف یک برچسب، می‌توانید آن را در عبارت break و continue ارجاع دهید.
دستور break در جاوا اسکریپت
دستور break پیش از زمان موعد یک حلقه مانند حلقه for ،do…while و while، یک سوئیچ یا یک دستور برچسب را از برنامه خارج می‌کند یا به اصطلاح آن را خاتمه می‌دهد. در اینجا سینتکس دستور break در جاوا اسکریپت آمده است:
break [label];در این نحو یا سینتکس، اگر از دستور break در یک حلقه یا سوئیچ استفاده کنید، برچسب اختیاری است اما اگر از دستور break با دستور برچسب استفاده می‌کنید، باید آن را مشخص کنید. این آموزش ما بر نحوه استفاده از دستور break در جاوا اسکریپت برای خاتمه پیش از موعد حلقه تمرکز دارد.
دستور break در جاوا اسکریپت در حلقه for
برای شروع با مثالی دست به کار خواهیم شد. دستور حلقه for زیر پنج عدد از 0 تا 4 را خروجی می‌دهد:
for (let i = 0; i < 5; i++) {
console.log(i);
}خروجی این قطعه کد به صورت زیر خواهد بود:
1
2
3
4
5
برای خاتمه دادن زودهنگام حلقه for، می‌توانید از دستور break استفاده کنید. به‌عنوان مثال، موارد زیر نحوه استفاده از دستور break را در یک حلقه for نشان می‌دهد:
for (let i = 0; i < 5; i++) {
console.log(i);
if (i == 2) {
break;
}
}خروجی این قطعه کد زیر مطابق تصویر زیر است:
در این مثال از دستور if در داخل حلقه استفاده می‌کنیم. اگر مقدار فعلی i برابر 2 باشد، دستور if دستور break را که حلقه را خاتمه می‌دهد، اجرا می‌کند. این فلوچارت نحوه عملکرد دستور break در اجرا حلقه for در جاوا اسکریپت را نشان می‌دهد:
دستور break در جاوا اسکریپت در حلقه تودرتو
یک حلقه تو در تو دارای یک حلقه در داخل حلقه دیگر است. به‌عنوان مثال، موارد زیر از یک حلقه for تو در تو برای خروجی یک جفت اعداد از 1 تا 3 استفاده می‌کنند:
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i, j);
}
}
خروجی این قطعه کد به شکل زیر است:
1 1
1 2
1 3
2 1
2 2
2 3
3 1
3 2
3 3
اگر از دستور break در داخل یک حلقه تودرتو استفاده کنید، فقط حلقه محصور (داخلی‌ترین) را خاتمه می‌دهد. برای مثال:
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
if (i + j == 4) {
break;
}
console.log(i, j);
}
}
خروجی به شکل زیر است و موارد زیر در آن چاپ می‌شود:
در این مثال، اگر مجموع i و j برابر با 4 باشد، دستور break در جاوا اسکریپت حلقه داخلی را خاتمه می‌دهد.
برای خاتمه دادن به حلقه تودرتو، از دستور برچسب استفاده می‌کنیم. برای مثال:
outer: for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
if (i + j == 4) {
break outer;
}
console.log(i, j);
}
}
در این مثال، حلقه بیرونی را با برچسب بیرونی برچسب‌گذاری می‌کنیم. در داخل حلقه داخلی، برچسب بیرونی را در عبارت break مشخص خواهیم کرد. دستور break برای خاتمه دادن به حلقه تودرتو درصورتی‌که مجموع i و j برابر 4 باشد، اجرا خواهد شد.
[box type=”note” align=”” class=”” width=””]مقاله پیشنهادی: دستور continue در جاوا اسکریپت [/box]
استفاده از دستور break با حلقه while
برای این مورد نیز با مثالی پیش خواهیم رفت. قطعه کد زیر خروجی پنج عدد از 1 تا 5 را با استفاده از حلقه while به کنسول می‌دهد:
let i = 0; while (i < 5) {
i++; console.log(i);
}
خروجی آن به شکل زیر خواهد بود:
1
2
3
4
5
مانند یک حلقه for، دستور break یک حلقه while را زودتر از زمان موعد خاتمه می‌دهد. برای مثال به کد زیر دقت کنید:
let i = 0; while (i < 5) {
i++; console.log(i); if (i == 3) {
break;
}
}
خروجی مطابق تصویر زیر خواهد بود:
در این مثال، وقتی مقدار فعلی i برابر 3 باشد، دستور break حلقه را خاتمه می‌دهد؛ بنابراین، شما فقط سه عدد را در خروجی می‌بینید.
فلوچارت زیر نحوه عملکرد دستور break در یک حلقه while را نشان می‌دهد:
[box type=”note” align=”” class=”” width=””]مقاله پیشنهادی:توابع سازنده در جاوا اسکریپت [/box]
استفاده از دستور break با حلقه do…while loop
مثال زیر از دستور do…while برای خروجی پنج عدد از 0 تا 5 به کنسول استفاده می‌کند:
let i = 0;
do {
i++; console.log(i);
} while (i < 5);
خروجی به شکل زیر خواهد بود:
1
2
3
4
5
مانند حلقه while، می‌توانیم از دستور break در جاوا اسکریپت برای پایان دادن به یک حلقه do…while استفاده کنیم. برای مثال به کد زیر دقت کنید:
let i = 0;
do {
i++;
console.log(i);
if (i == 3)
{ break;
}
} while (i < 5);
خروجی مطابق تصویر زیر است:
فلوچارت زیر نحوه عملکرد دستور break در یک حلقه do while را نشان می‌دهد:
سخن پایانی
از دستور break در جاوا اسکریپت برای خاتمه دادن به یک حلقه ازجمله for ،while و do…while پیش از موعد در توابع جاوا اسکریپت یا بخش‌های دیگر آن استفاده می‌کنیم. هنگام استفاده در یک حلقه تو در تو، دستور break حلقه محصور یا داخلی ترین حلقه را خاتمه می‌دهد. همچنین برای خاتمه دادن به حلقه تودرتو، از دستور برچسب باید استفاده کنیم. امیدوارم که این آموزش ما برای شما مفید واقع شده باشد.
اگر به فکر یادگیری پایه و اصولی جاوا اسکریپت هستید، هم‌اکنون از طریق پلتفرم آموزشی مکتب خونه می‌توانید به انواع دوره آموزش برنامه نویسی جاوا اسکریپت از مبتدی تا پیشرفته دسترسی داشته باشید. در مکتب خونه انواع دوره آموزش javascript برای هر سطحی از مهارت‌ها پیدا می‌شود.
