دستور break در جاوا اسکریپت

در این مطلب آموزشی از مکتب خونه، نحوه استفاده از دستور break در جاوا اسکریپت، برای خاتمه پیش از زمان موعد یک حلقه را یاد خواهیم گرفت. ما دستور break را در حلقه‌های:

• For در جاوا اسکریپت
• تودرتو
• While در جاوا اکریپت
• Do…while

به کار خواهیم برد و برای هرکدام مثال‌های واضحی ارائه می‌دهیم. پس اگر به فکر یادگیری نحوه استفاده از دستور break در جاوا اسکریپت هستید تا آخر این مقاله ما را دنبال کنید. قبل از اینکه به سراغ اصل مسئله یعنی کاربرد break در دستورات حلقه برویم ابتدا اجازه دهید که با پیش نیاز این آموزش، یعنی با label statement آشنا شویم.

دستور برچسب یا label statement در جاوا اسکریپت

در زبان برنامه نویسی جاوا اسکریپت، می‌توانید یک عبارت را برای استفاده بعدی برچسب‌گذاری کنید. در اینجا سینتکس دستور برچسب آمده است.

label<span class="token operator">:</span> statement<span class="token punctuation">;</span>

در این نحو، برچسب می‌تواند هر شناسه معتبری باشد. به‌عنوان مثال، کد زیر نشان می‌دهد که چگونه یک حلقه for را با استفاده از برچسب بیرونی برچسب‌گذاری کنید:

<span class="token punctuation">outer: for (let i = 0; i < 5; i++) {
console.log(i);
}</span>

پس از تعریف یک برچسب، می‌توانید آن را در عبارت break و continue ارجاع دهید.

دستور break در جاوا اسکریپت

دستور break پیش از زمان موعد یک حلقه مانند حلقه for ،do…while و while، یک سوئیچ یا یک دستور برچسب را از برنامه خارج می‌کند یا به اصطلاح آن را خاتمه می‌دهد. در اینجا سینتکس دستور break در جاوا اسکریپت آمده است:

<span class="token keyword">break</span> <span class="token punctuation">[</span>label<span class="token punctuation">]</span><span class="token punctuation">;</span>

در این نحو یا سینتکس، اگر از دستور break در یک حلقه یا سوئیچ استفاده کنید، برچسب اختیاری است اما اگر از دستور break با دستور برچسب استفاده می‌کنید، باید آن را مشخص کنید. این آموزش ما بر نحوه استفاده از دستور break در جاوا اسکریپت برای خاتمه پیش از موعد حلقه تمرکز دارد.

دستور break در جاوا اسکریپت در حلقه for

برای شروع با مثالی دست به کار خواهیم شد. دستور حلقه for زیر پنج عدد از 0 تا 4 را خروجی می‌دهد:

<span class="token punctuation">
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> i = <span class="hljs-number">0</span>; i < <span class="hljs-number">5</span>; i++) {
 <span class="hljs-built_in">console</span>.log(i); 
}</span>

خروجی این قطعه کد به صورت زیر خواهد بود:

1

2

3

4

5

برای خاتمه دادن زودهنگام حلقه for، می‌توانید از دستور break استفاده کنید. به‌عنوان مثال، موارد زیر نحوه استفاده از دستور break را در یک حلقه for نشان می‌دهد:

<span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> i = <span class="hljs-number">0</span>; i < <span class="hljs-number">5</span>; i++) {
 <span class="hljs-built_in">console</span>.log(i);
 <span class="hljs-keyword">if</span> (i == <span class="hljs-number">2</span>) { 
<span class="hljs-keyword">break</span>;
 } 
}

خروجی این قطعه کد زیر مطابق تصویر زیر است:

در این مثال از دستور if در داخل حلقه استفاده می‌کنیم. اگر مقدار فعلی i  برابر 2 باشد، دستور if دستور break را که حلقه را خاتمه می‌دهد، اجرا می‌کند. این فلوچارت نحوه عملکرد دستور break در اجرا حلقه for در جاوا اسکریپت را نشان می‌دهد:

دستور break در جاوا اسکریپت در حلقه تودرتو

یک حلقه تو در تو دارای یک حلقه در داخل حلقه دیگر است. به‌عنوان مثال، موارد زیر از یک حلقه for تو در تو برای خروجی یک جفت اعداد از 1 تا 3 استفاده می‌کنند:

<span class="token punctuation"><span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> i = <span class="hljs-number">1</span>; i <= <span class="hljs-number">3</span>; i++) { 
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> j = <span class="hljs-number">1</span>; j <= <span class="hljs-number">3</span>; j++) { 
<span class="hljs-built_in">console</span>.log(i, j);
 }
 }
</span>

خروجی این قطعه کد به شکل زیر است:

1 1

1 2

1 3

2 1

2 2

2 3

3 1

3 2

3 3

اگر از دستور break در داخل یک حلقه تودرتو استفاده کنید، فقط حلقه محصور (داخلی‌ترین) را خاتمه می‌دهد. برای مثال:

<span class="token punctuation">for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 3; j++) {
if (i + j == 4) {
break;
}
console.log(i, j);
}
}
</span>

خروجی به شکل زیر است و موارد زیر در آن چاپ می‌شود:

در این مثال، اگر مجموع i و j برابر با 4 باشد، دستور break در جاوا اسکریپت حلقه داخلی را خاتمه می‌دهد.

برای خاتمه دادن به حلقه تودرتو، از دستور برچسب استفاده می‌کنیم. برای مثال:

<span class="token punctuation">outer: <span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> i = <span class="hljs-number">1</span>; i <= <span class="hljs-number">3</span>; i++) {
 <span class="hljs-keyword">for</span> (<span class="hljs-keyword">let</span> j = <span class="hljs-number">1</span>; j <= <span class="hljs-number">3</span>; j++) {
 <span class="hljs-keyword">if</span> (i + j == <span class="hljs-number">4</span>) {
 <span class="hljs-keyword">break</span> outer; 
} 
<span class="hljs-built_in">console</span>.log(i, j); 
} 
}
</span>

در این مثال، حلقه بیرونی را با برچسب بیرونی برچسب‌گذاری می‌کنیم. در داخل حلقه داخلی، برچسب بیرونی را در عبارت break مشخص خواهیم کرد. دستور break برای خاتمه دادن به حلقه تودرتو درصورتی‌که مجموع i و j  برابر 4 باشد، اجرا خواهد شد.

استفاده از دستور break  با حلقه while

برای این مورد نیز با مثالی پیش خواهیم رفت. قطعه کد زیر خروجی پنج عدد از 1 تا 5 را با استفاده از حلقه while به کنسول می‌دهد:

<span class="token punctuation"><span class="hljs-keyword">let</span> i = <span class="hljs-number">0</span>; <span class="hljs-keyword">while</span> (i < <span class="hljs-number">5</span>) {
 i++; <span class="hljs-built_in">console</span>.log(i);
 }
</span>

خروجی آن به شکل زیر خواهد بود:

1

2

3

4

5

مانند یک حلقه for، دستور break یک حلقه while را زودتر از زمان موعد خاتمه می‌دهد. برای مثال به کد زیر دقت کنید:

<span class="token punctuation"><span class="hljs-keyword">let</span> i = <span class="hljs-number">0</span>; <span class="hljs-keyword">while</span> (i < <span class="hljs-number">5</span>) {
 i++; <span class="hljs-built_in">console</span>.log(i); <span class="hljs-keyword">if</span> (i == <span class="hljs-number">3</span>) {
 <span class="hljs-keyword">break</span>; 
} 
}
</span>

خروجی مطابق تصویر زیر خواهد بود:

در این مثال، وقتی مقدار فعلی i برابر 3 باشد، دستور break حلقه را خاتمه می‌دهد؛ بنابراین، شما فقط سه عدد را در خروجی می‌بینید.

فلوچارت زیر نحوه عملکرد دستور break در یک حلقه while را نشان می‌دهد:

استفاده از دستور break  با حلقه do…while loop

مثال زیر از دستور do…while برای خروجی پنج عدد از 0 تا 5 به کنسول استفاده می‌کند:

<span class="token punctuation"><span class="hljs-keyword">let</span> i = <span class="hljs-number">0</span>;
 <span class="hljs-keyword">do</span> { 
i++; <span class="hljs-built_in">console</span>.log(i);
 } <span class="hljs-keyword">while</span> (i < <span class="hljs-number">5</span>);
</span>

خروجی به شکل زیر خواهد بود:

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 برای هر سطحی از مهارت‌ها پیدا می‌شود.