یکی از بخشهای کلیدی هر زبان برنامهنویسی، کنترل جریان برنامه است که امکان تصمیمگیری و هدایت اجرای کدها بر اساس شرایط مختلف را فراهم میکند. در جاوا اسکریپت، دستورات if و else برای اجرای تصمیمات و کنترل جریان استفاده میشوند. این دستورات به شما این امکان را میدهند که بر اساس شرایط خاص، کدهای مختلفی اجرا شوند. در این مقاله، نحوه استفاده از if، else و ساختارهای مرتبط با آنها را در جاوا اسکریپت به طور کامل آموزش خواهیم داد.
کنترل جریان به معنای تعیین مسیر اجرای کد بر اساس شرایط خاصی است. در بسیاری از مواقع، ممکن است نیاز باشد که برنامه بر اساس مقادیر مختلف یا ورودیهای متفاوت، به صورتهای مختلفی عمل کند. دستورات if و else این امکان را فراهم میکنند که برنامه بتواند در شرایط مختلف تصمیمات مختلفی بگیرد.
دستور if برای بررسی یک شرط استفاده میشود. اگر شرط برقرار باشد (true)، کدهای داخل بلاک if اجرا میشوند و در غیر این صورت، برنامه به اجرای کدهای بعدی ادامه میدهد.
let age = 18;
if (age >= 18) {
console.log("شما میتوانید رای دهید.");
}
در اینجا:
شرط age >= 18 بررسی میشود و اگر درست باشد، پیام "شما میتوانید رای دهید." نمایش داده میشود.
در صورتی که شرط if برقرار نباشد، میتوانیم از else استفاده کنیم تا در صورت نادرست بودن شرط، بلوک دیگری از کدها اجرا شود.
let age = 16;
if (age >= 18) {
console.log("شما میتوانید رای دهید.");
} else {
console.log("شما نمیتوانید رای دهید.");
}
در اینجا:
اگر مقدار age کمتر از 18 باشد، پیام "شما نمیتوانید رای دهید." نمایش داده میشود.
زمانی که نیاز به بررسی چندین شرط مختلف دارید، میتوانید از 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 یا بالاتر است یا خیر. اگر شرط برقرار نباشد، به شرط بعدی میرود و همین روند ادامه مییابد.
گاهی ممکن است بخواهید چند شرط را همزمان بررسی کنید. در این حالت میتوانید از عملگرهای منطقی مانند && (و) و || (یا) استفاده کنید.
مثال: بررسی چند شرط با استفاده از &&
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("ورود شما مجاز نیست.");
}
در اینجا:
اگر کاربر عضو باشد یا دعوتنامه داشته باشد، شرط برقرار خواهد بود.
گاهی اوقات در جاوا اسکریپت میتوانید مستقیماً از مقادیر Boolean (true یا false) برای کنترل جریان استفاده کنید.
let isActive = true;
if (isActive) {
console.log("حساب شما فعال است.");
} else {
console.log("حساب شما غیرفعال است.");
}
در اینجا:
شرط if مستقیماً بر اساس مقدار Boolean isActive بررسی میشود.
عملگر سهتایی (? :) به شما اجازه میدهد که یک شرط ساده را در یک خط بنویسید. این عملگر به عنوان جایگزین کوتاهتری برای if و else استفاده میشود.
let age = 18;
let message = (age >= 18) ? "شما میتوانید رای دهید." : "شما نمیتوانید رای دهید.";
console.log(message);
در اینجا:
اگر شرط age >= 18 درست باشد، message مقدار "شما میتوانید رای دهید." خواهد داشت و در غیر این صورت "شما نمیتوانید رای دهید." خواهد بود.
استفاده از else if برای بررسی شرایط متعدد: در صورتی که چندین شرط دارید، از else if استفاده کنید تا خوانایی کد افزایش یابد.
سادهسازی شرایط: در صورت امکان، شرایط را به صورت ساده و قابل فهم بنویسید تا کد خواناتر و قابل درکتر باشد.
استفاده از Ternary برای شرایط ساده: اگر شرط کوتاه و ساده است، از عملگر سهتایی استفاده کنید تا کد بهینهتر باشد.
استفاده از پرانتز برای وضوح: در صورتی که از چندین عملگر منطقی مانند && و || استفاده میکنید، از پرانتز برای وضوح بیشتر استفاده کنید.
دستورات if و else از مهمترین ساختارهای کنترلی در جاوا اسکریپت هستند که امکان تصمیمگیری و کنترل جریان برنامه را فراهم میکنند. با درک کامل این دستورات و تمرین نحوه استفاده از آنها در شرایط مختلف، میتوانید برنامههایی کارآمدتر و انعطافپذیرتر بنویسید. تسلط بر کنترل جریان و استفاده صحیح از if، else و else if به شما کمک میکند که منطق پیچیدهتر را در برنامههای خود پیادهسازی کنید و تجربه برنامهنویسی بهتری کسب کنید.
نظری یافت نشد
کار با تصاویر SVG در CSS: کنترل استایل و استفاده از گرافیکهای مقیاسپذیر
16م آبان 1403
مطالعه بیشتر
آموزش جامع اینترفیسها و کلاسها (Classes) در ES6 جاوا اسکریپت: مفاهیم و کاربردها
28م مهر 1403
مطالعه بیشتر
آموزش ایجاد فرم با استفاده از HTML: طراحی فرمهای ساده و کاربردی
21م مرداد 1402
مطالعه بیشتر
چگونه اسکریپتهای ساده جاوا اسکریپت را در مرورگر بنویسیم و اجرا کنیم: راهنمای کامل برای مبتدیان
2م مهر 1402
مطالعه بیشتر
معرفی DOM و اصول آن در جاوا اسکریپت: راهنمای جامع برای مبتدیان
1م آبان 1403
مطالعه بیشتر
آموزش اصول طراحی الگوهای برنامهنویسی (Design Patterns) در جاوا اسکریپت: راهنمای جامع با مثالها
4م آبان 1403
مطالعه بیشتر
آموزش طراحی و استایلدهی جدولها در CSS: راهنمای ساده و کاربردی
10م شهریور 1402
مطالعه بیشتر
توابع فلش (Arrow Functions) در جاوا اسکریپت: سادهسازی کد با استفاده از ES6
2م شهریور 1403
مطالعه بیشتر
استفاده از overflow در CSS برای مدیریت محتوای اضافی: راهنمای کامل و کاربردی
11م آبان 1403
مطالعه بیشتر
تفاوت Callbacks و Promises در جاوا اسکریپت: مقایسه جامع با مثالها
30م مهر 1403
مطالعه بیشتر
جمعبندی، مرور مطالب و پروژه نهایی: ایجاد یک اپلیکیشن وب کامل با جاوا اسکریپت - راهنمای گام به گام
5م آبان 1403
مطالعه بیشتر
آموزش CSS Transform و Transition: تبدیلها و ایجاد تغییرات ظاهری پویا
10م شهریور 1402
مطالعه بیشتر
تمامی حقوق معتلق به ناشر سایت است و کپی از آن پیگرد قانونی دارد