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

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

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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

آموزش تگ‌های زمان و مکان در HTML: استفاده از time و location در صفحات وب
29م مرداد 1402

آموزش تگ‌های زمان و مکان در HTML: استفاده از time و location در صفحات وب

مطالعه بیشتر
آموزش اصول Web APIs و نحوه استفاده از آن‌ها در جاوا اسکریپت: راهنمای کامل با مثال‌ها
1م آبان 1403

آموزش اصول Web APIs و نحوه استفاده از آن‌ها در جاوا اسکریپت: راهنمای کامل با مثال‌ها

مطالعه بیشتر
آموزش توسعه و مدیریت پروژه‌های بزرگ در جاوا اسکریپت: آشنایی با ابزارها و فریم‌ورک‌های کاربردی
4م آبان 1403

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

مطالعه بیشتر
آموزش mix-blend-mode و background-blend-mode در CSS: ترکیب رنگ‌ها و ایجاد افکت‌های جذاب
12م آبان 1403

آموزش mix-blend-mode و background-blend-mode در CSS: ترکیب رنگ‌ها و ایجاد افکت‌های جذاب

مطالعه بیشتر
آموزش مفاهیم اولیه CSS Grid Layout: طراحی شبکه‌های پیچیده و واکنش‌گرا راهنمای کامل
6م شهریور 1402

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

مطالعه بیشتر
آموزش اصول کار با WebSockets و ارتباطات بلادرنگ در وب: راهنمای کامل
5م آبان 1403

آموزش اصول کار با WebSockets و ارتباطات بلادرنگ در وب: راهنمای کامل

مطالعه بیشتر
استفاده از font face در CSS برای اضافه کردن فونت‌های سفارشی: راهنمای کامل
16م آبان 1403

استفاده از font face در CSS برای اضافه کردن فونت‌های سفارشی: راهنمای کامل

مطالعه بیشتر
آموزش ارث‌بری (Inheritance) در جاوا اسکریپت: نحوه استفاده از پروتوتایپ‌ها و کلاس‌ها
28م مهر 1403

آموزش ارث‌بری (Inheritance) در جاوا اسکریپت: نحوه استفاده از پروتوتایپ‌ها و کلاس‌ها

مطالعه بیشتر
نصب Node.js و Create React App: شروع پروژه‌های React.js به‌صورت آسان
28م شهریور 1402

نصب Node.js و Create React App: شروع پروژه‌های React.js به‌صورت آسان

مطالعه بیشتر
استفاده از display در CSS: تغییر نحوه نمایش عناصر - راهنمای جامع
9م آبان 1403

استفاده از display در CSS: تغییر نحوه نمایش عناصر - راهنمای جامع

مطالعه بیشتر
مقدمه‌ای به template و دیتابایندینگ در Vue.js: نحوه مدیریت داده‌ها و رندرینگ پویا
28م شهریور 1402

مقدمه‌ای به template و دیتابایندینگ در Vue.js: نحوه مدیریت داده‌ها و رندرینگ پویا

مطالعه بیشتر
بررسی کتابخانه‌های محبوب جاوا اسکریپت: آشنایی با Lodash و Moment.js - مزایا و کاربردها
4م آبان 1403

بررسی کتابخانه‌های محبوب جاوا اسکریپت: آشنایی با Lodash و Moment.js - مزایا و کاربردها

مطالعه بیشتر

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