آموزش رایگان جاوا اسکریپت (JavaScript)

آموزش کامل کنترل جریان و استفاده از if و else در جاوا اسکریپت: راهنمای جامع برای مبتدیان

1402/11/02 23:02 محراب حسن زاده
آموزش کامل کنترل جریان و استفاده از if و else در جاوا اسکریپت: راهنمای جامع برای مبتدیان

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

 

مفهوم کنترل جریان در جاوا اسکریپت

کنترل جریان به معنای تعیین مسیر اجرای کد بر اساس شرایط خاصی است. در بسیاری از مواقع، ممکن است نیاز باشد که برنامه بر اساس مقادیر مختلف یا ورودی‌های متفاوت، به صورت‌های مختلفی عمل کند. دستورات if و else این امکان را فراهم می‌کنند که برنامه بتواند در شرایط مختلف تصمیمات مختلفی بگیرد.

 

استفاده از if و else در جاوا اسکریپت

 

ساختار if

دستور if برای بررسی یک شرط استفاده می‌شود. اگر شرط برقرار باشد (true)، کدهای داخل بلاک if اجرا می‌شوند و در غیر این صورت، برنامه به اجرای کدهای بعدی ادامه می‌دهد.



let age = 18;

if (age >= 18) {
  console.log("شما می‌توانید رای دهید.");
}

 

در اینجا:

  • شرط age >= 18 بررسی می‌شود و اگر درست باشد، پیام "شما می‌توانید رای دهید." نمایش داده می‌شود.

 

استفاده از if و else

در صورتی که شرط if برقرار نباشد، می‌توانیم از else استفاده کنیم تا در صورت نادرست بودن شرط، بلوک دیگری از کدها اجرا شود.



let age = 16;

if (age >= 18) {
  console.log("شما می‌توانید رای دهید.");
} else {
  console.log("شما نمی‌توانید رای دهید.");
}

 

در اینجا:

  • اگر مقدار age کمتر از 18 باشد، پیام "شما نمی‌توانید رای دهید." نمایش داده می‌شود.

 

استفاده از else if برای بررسی چندین شرط

زمانی که نیاز به بررسی چندین شرط مختلف دارید، می‌توانید از else if استفاده کنید. این ساختار امکان بررسی شرایط متعددی را به شما می‌دهد.



let score = 85;

if (score >= 90) {
  console.log("نمره شما عالی است.");
} else if (score >= 75) {
  console.log("نمره شما خوب است.");
} else if (score >= 50) {
  console.log("نمره شما متوسط است.");
} else {
  console.log("نمره شما نیاز به بهبود دارد.");
}

 

در اینجا:

  • برنامه ابتدا بررسی می‌کند که آیا نمره 90 یا بالاتر است یا خیر. اگر شرط برقرار نباشد، به شرط بعدی می‌رود و همین روند ادامه می‌یابد.

 

استفاده از چندین شرط در if با عملگرهای منطقی

گاهی ممکن است بخواهید چند شرط را هم‌زمان بررسی کنید. در این حالت می‌توانید از عملگرهای منطقی مانند && (و) و || (یا) استفاده کنید.

مثال: بررسی چند شرط با استفاده از &&



let age = 20;
let hasID = true;

if (age >= 18 && hasID) {
  console.log("ورود مجاز است.");
} else {
  console.log("ورود مجاز نیست.");
}

 

در اینجا:

  • شرط تنها در صورتی برقرار است که هم سن بالای 18 باشد و هم کارت شناسایی موجود باشد.

مثال: بررسی چند شرط با استفاده از ||



let isMember = false;
let hasInvitation = true;

if (isMember || hasInvitation) {
  console.log("ورود شما مجاز است.");
} else {
  console.log("ورود شما مجاز نیست.");
}

 

در اینجا:

  • اگر کاربر عضو باشد یا دعوت‌نامه داشته باشد، شرط برقرار خواهد بود.

 

استفاده از if و else با مقادیر Boolean

گاهی اوقات در جاوا اسکریپت می‌توانید مستقیماً از مقادیر Boolean (true یا false) برای کنترل جریان استفاده کنید.



let isActive = true;

if (isActive) {
  console.log("حساب شما فعال است.");
} else {
  console.log("حساب شما غیرفعال است.");
}

 

در اینجا:

  • شرط if مستقیماً بر اساس مقدار Boolean isActive بررسی می‌شود.

 

استفاده از عملگر سه‌تایی (Ternary Operator) به عنوان جایگزین if و else

عملگر سه‌تایی (? :) به شما اجازه می‌دهد که یک شرط ساده را در یک خط بنویسید. این عملگر به عنوان جایگزین کوتاه‌تری برای if و else استفاده می‌شود.



let age = 18;
let message = (age >= 18) ? "شما می‌توانید رای دهید." : "شما نمی‌توانید رای دهید.";
console.log(message);

 

در اینجا:

  • اگر شرط age >= 18 درست باشد، message مقدار "شما می‌توانید رای دهید." خواهد داشت و در غیر این صورت "شما نمی‌توانید رای دهید." خواهد بود.

 

نکات و بهترین شیوه‌ها برای استفاده از if و else

  • استفاده از else if برای بررسی شرایط متعدد: در صورتی که چندین شرط دارید، از else if استفاده کنید تا خوانایی کد افزایش یابد.

  • ساده‌سازی شرایط: در صورت امکان، شرایط را به صورت ساده و قابل فهم بنویسید تا کد خواناتر و قابل درک‌تر باشد.

  • استفاده از Ternary برای شرایط ساده: اگر شرط کوتاه و ساده است، از عملگر سه‌تایی استفاده کنید تا کد بهینه‌تر باشد.

  • استفاده از پرانتز برای وضوح: در صورتی که از چندین عملگر منطقی مانند && و || استفاده می‌کنید، از پرانتز برای وضوح بیشتر استفاده کنید.

 

نتیجه‌گیری

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش سیر تا پیاز تاریخ و زمان در PHP (استاندارد گوگل)
1405/04/27 21:58

آموزش سیر تا پیاز تاریخ و زمان در PHP (استاندارد گوگل)

مطالعه بیشتر
آموزش جامع رمزنگاری پسورد با password_hash در PHP بر اساس استاندارد گوگل
1405/05/14 22:07

آموزش جامع رمزنگاری پسورد با password_hash در PHP بر اساس استاندارد گوگل

مطالعه بیشتر
الگوهای رایج برنامه‌نویسی ناهمگام در جاوا اسکریپت: Promise.race، Promise.all، و Promise.any کامل و مثال‌ها
1403/08/01 19:08

الگوهای رایج برنامه‌نویسی ناهمگام در جاوا اسکریپت: Promise.race، Promise.all، و Promise.any کامل و مثال‌ها

مطالعه بیشتر
واحدهای CSS مدرن: آموزش استفاده از vw، vh، vmin و vmax برای طراحی واکنش‌گرا
1403/08/11 20:43

واحدهای CSS مدرن: آموزش استفاده از vw، vh، vmin و vmax برای طراحی واکنش‌گرا

مطالعه بیشتر
آموزش کامل حلقه foreach در PHP برای پیمایش آرایه‌ها (به زبان ساده)
1405/04/16 00:37

آموزش کامل حلقه foreach در PHP برای پیمایش آرایه‌ها (به زبان ساده)

مطالعه بیشتر
آموزش ساخت یک Todo List با استفاده از DOM و جاوا اسکریپت: راهنمای گام به گام
1403/08/03 16:30

آموزش ساخت یک Todo List با استفاده از DOM و جاوا اسکریپت: راهنمای گام به گام

مطالعه بیشتر
آموزش کامل Super Global ها در PHP (متغیرهای سراسری)
1405/05/01 19:58

آموزش کامل Super Global ها در PHP (متغیرهای سراسری)

مطالعه بیشتر
آموزش استفاده از object-fit و object-position در CSS: تنظیم و قرارگیری تصاویر به‌صورت دقیق
1403/08/12 19:51

آموزش استفاده از object-fit و object-position در CSS: تنظیم و قرارگیری تصاویر به‌صورت دقیق

مطالعه بیشتر
تفاوت Data و Computed Properties در Vue.js | آموزش کاربردی و مثال‌محور
1404/09/21 23:58

تفاوت Data و Computed Properties در Vue.js | آموزش کاربردی و مثال‌محور

مطالعه بیشتر
آموزش انیمیشن‌های پیشرفته با keyframes در CSS: طراحی حرکات پویا و چند مرحله‌ای
1402/06/18 22:48

آموزش انیمیشن‌های پیشرفته با keyframes در CSS: طراحی حرکات پویا و چند مرحله‌ای

مطالعه بیشتر
آموزش کار با flex-grow، flex-shrink و flex-basis در CSS Flexbox: مدیریت اندازه و فضای عناصر
1403/08/11 20:50

آموزش کار با flex-grow، flex-shrink و flex-basis در CSS Flexbox: مدیریت اندازه و فضای عناصر

مطالعه بیشتر
آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها
1402/11/02 23:10

آموزش جامع حلقه‌های for و while در جاوا اسکریپت: نحوه استفاده و کاربردها

مطالعه بیشتر

تمامی حقوق معتلق به ناشر سایت است و کپی از آن پیگرد قانونی دارد