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

پرسش و پاسخ

نظری یافت نشد

مطالب مشابه

مدیریت خطاها در Async/Await و Promises در جاوا اسکریپت: راهنمای کامل با مثال‌های عملی

مدیریت خطاها در Async/Await و Promises در جاوا اسکریپت: راهنمای کامل با مثال‌های عملی

30م مهر 1403

مطالعه بیشتر

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

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

28م مهر 1403

مطالعه بیشتر

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

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

3م آبان 1403

مطالعه بیشتر

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

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

18م شهریور 1402

مطالعه بیشتر

ایجاد Layout‌های واکنش‌گرا با flex-direction و justify-content در CSS Flexbox: راهنمای جامع

ایجاد Layout‌های واکنش‌گرا با flex-direction و justify-content در CSS Flexbox: راهنمای جامع

11م آبان 1403

مطالعه بیشتر

راهنمای کامل تگ‌های متنی HTML و اصول سئو برای محتوا

راهنمای کامل تگ‌های متنی HTML و اصول سئو برای محتوا

18م مرداد 1402

مطالعه بیشتر

استفاده از visibility و opacity در CSS برای مخفی‌سازی عناصر: راهنمای کامل و کاربردی

استفاده از visibility و opacity در CSS برای مخفی‌سازی عناصر: راهنمای کامل و کاربردی

11م آبان 1403

مطالعه بیشتر

آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب

آموزش CSS Blend Modes: ادغام رنگ‌ها و تصاویر برای طراحی وب جذاب

9م آبان 1403

مطالعه بیشتر

آموزش رویدادهای پیشرفته در جاوا اسکریپت: بابلینگ، کپچرینگ و توقف پیش‌فرض - راهنمای جامع

آموزش رویدادهای پیشرفته در جاوا اسکریپت: بابلینگ، کپچرینگ و توقف پیش‌فرض - راهنمای جامع

2م آبان 1403

مطالعه بیشتر

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

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

2م بهمن 1402

مطالعه بیشتر

آموزش موقعیت‌بندی المان‌ها با استفاده از position در CSS: نحوه استفاده از absolute، relative و fixed

آموزش موقعیت‌بندی المان‌ها با استفاده از position در CSS: نحوه استفاده از absolute، relative و fixed

5م شهریور 1402

مطالعه بیشتر

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

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

12م آبان 1403

مطالعه بیشتر

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