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

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

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

آموزش کامل کنترل جریان و استفاده از 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 به شما کمک می‌کند که منطق پیچیده‌تر را در برنامه‌های خود پیاده‌سازی کنید و تجربه برنامه‌نویسی بهتری کسب کنید.

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

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

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

2م بهمن 1402

مطالعه بیشتر

آموزش ایجاد Transitions و انیمیشن‌های صفحه بارگذاری (Loader) در CSS: طراحی لودرهای جذاب

آموزش ایجاد Transitions و انیمیشن‌های صفحه بارگذاری (Loader) در CSS: طراحی لودرهای جذاب

16م آبان 1403

مطالعه بیشتر

آموزش طراحی و استایل‌دهی جدول‌ها در CSS: راهنمای ساده و کاربردی

آموزش طراحی و استایل‌دهی جدول‌ها در CSS: راهنمای ساده و کاربردی

10م شهریور 1402

مطالعه بیشتر

آموزش لیست‌ها در CSS: طراحی و استایل‌دهی ساده برای لیست‌های HTML

آموزش لیست‌ها در CSS: طراحی و استایل‌دهی ساده برای لیست‌های HTML

10م شهریور 1402

مطالعه بیشتر

آموزش Responsive Design با استفاده از Media Queries: طراحی واکنش‌گرا برای تمامی دستگاه‌ها

آموزش Responsive Design با استفاده از Media Queries: طراحی واکنش‌گرا برای تمامی دستگاه‌ها

10م شهریور 1402

مطالعه بیشتر

آموزش کامل کار با آرایه‌ها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش

آموزش کامل کار با آرایه‌ها و اشیاء در جاوا اسکریپت: ایجاد، دستکاری و پیمایش

2م شهریور 1403

مطالعه بیشتر

آموزش ایجاد، دسترسی و اصلاح آرایه‌ها در جاوا اسکریپت: راهنمای کامل

آموزش ایجاد، دسترسی و اصلاح آرایه‌ها در جاوا اسکریپت: راهنمای کامل

4م مهر 1403

مطالعه بیشتر

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

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

1م آبان 1403

مطالعه بیشتر

آموزش ترانزیشن‌ها و انیمیشن‌های نرم با CSS: ایجاد افکت‌های پویا و واکنش‌گرا

آموزش ترانزیشن‌ها و انیمیشن‌های نرم با CSS: ایجاد افکت‌های پویا و واکنش‌گرا

10م شهریور 1402

مطالعه بیشتر

آموزش کار با Local Storage و Session Storage در جاوا اسکریپت: ذخیره‌سازی داده‌ها در مرورگر

آموزش کار با Local Storage و Session Storage در جاوا اسکریپت: ذخیره‌سازی داده‌ها در مرورگر

3م آبان 1403

مطالعه بیشتر

اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ

اصول پایه React.js: آشنایی با کامپوننت‌ها، وضعیت و رندرینگ

28م شهریور 1402

مطالعه بیشتر

آموزش تگ‌های متنی اولیه در HTML: استایل‌دهی و قالب‌بندی متن‌ها

آموزش تگ‌های متنی اولیه در HTML: استایل‌دهی و قالب‌بندی متن‌ها

18م مرداد 1402

مطالعه بیشتر

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