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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

کار با تصاویر SVG در CSS: کنترل استایل و استفاده از گرافیک‌های مقیاس‌پذیر

کار با تصاویر SVG در CSS: کنترل استایل و استفاده از گرافیک‌های مقیاس‌پذیر

16م آبان 1403

مطالعه بیشتر

آموزش جامع اینترفیس‌ها و کلاس‌ها (Classes) در ES6 جاوا اسکریپت: مفاهیم و کاربردها

آموزش جامع اینترفیس‌ها و کلاس‌ها (Classes) در ES6 جاوا اسکریپت: مفاهیم و کاربردها

28م مهر 1403

مطالعه بیشتر

آموزش ایجاد فرم با استفاده از HTML: طراحی فرم‌های ساده و کاربردی

آموزش ایجاد فرم با استفاده از HTML: طراحی فرم‌های ساده و کاربردی

21م مرداد 1402

مطالعه بیشتر

چگونه اسکریپت‌های ساده جاوا اسکریپت را در مرورگر بنویسیم و اجرا کنیم: راهنمای کامل برای مبتدیان

چگونه اسکریپت‌های ساده جاوا اسکریپت را در مرورگر بنویسیم و اجرا کنیم: راهنمای کامل برای مبتدیان

2م مهر 1402

مطالعه بیشتر

معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان

معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان

1م آبان 1403

مطالعه بیشتر

آموزش اصول طراحی الگوهای برنامه‌نویسی (Design Patterns) در جاوا اسکریپت: راهنمای جامع با مثال‌ها

آموزش اصول طراحی الگوهای برنامه‌نویسی (Design Patterns) در جاوا اسکریپت: راهنمای جامع با مثال‌ها

4م آبان 1403

مطالعه بیشتر

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

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

10م شهریور 1402

مطالعه بیشتر

توابع فلش (Arrow Functions) در جاوا اسکریپت: ساده‌سازی کد با استفاده از ES6

توابع فلش (Arrow Functions) در جاوا اسکریپت: ساده‌سازی کد با استفاده از ES6

2م شهریور 1403

مطالعه بیشتر

استفاده از overflow در CSS برای مدیریت محتوای اضافی: راهنمای کامل و کاربردی

استفاده از overflow در CSS برای مدیریت محتوای اضافی: راهنمای کامل و کاربردی

11م آبان 1403

مطالعه بیشتر

تفاوت Callbacks و Promises در جاوا اسکریپت: مقایسه جامع با مثال‌ها

تفاوت Callbacks و Promises در جاوا اسکریپت: مقایسه جامع با مثال‌ها

30م مهر 1403

مطالعه بیشتر

جمع‌بندی، مرور مطالب و پروژه نهایی: ایجاد یک اپلیکیشن وب کامل با جاوا اسکریپت - راهنمای گام به گام

جمع‌بندی، مرور مطالب و پروژه نهایی: ایجاد یک اپلیکیشن وب کامل با جاوا اسکریپت - راهنمای گام به گام

5م آبان 1403

مطالعه بیشتر

آموزش CSS Transform و Transition: تبدیل‌ها و ایجاد تغییرات ظاهری پویا

آموزش CSS Transform و Transition: تبدیل‌ها و ایجاد تغییرات ظاهری پویا

10م شهریور 1402

مطالعه بیشتر

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