একটি JavaScript if...else স্টেটমেন্ট ইভ্যালুয়েট করে একটি কন্ডিশন true বা false কিনা। যদি একটি কন্ডিশন true হয়, তবে if ব্লকের কোড এক্সিকিউট হয়। অন্যথায়, else ব্লকের কন্টেন্ট এক্সিকিউট হয়। Else...if স্টেটমেন্টগুলো আপনাকে একাধিক কন্ডিশন ইভ্যালুয়েট করতে দেয়।
কখনও কখনও আপনি চান আপনার প্রোগ্রামের ভিন্ন ব্লকগুলো রান হোক, নির্দিষ্ট ফ্যাক্টরগুলোর উপর ডিপেন্ড করে।
সেটাই হলো কন্ডিশনাল স্টেটমেন্টস আসে। কন্ডিশনাল স্টেটমেন্টস সকল প্রোগ্রামিং ল্যাঙ্গুয়েজের একটি অত্যন্ত গুরুত্বপূর্ণ অংশ। সেগুলো কোডের ব্লক রান করে যদি একটি নির্দিষ্ট কন্ডিশন মিট হয়।
এই টিউটোরিয়ালে, আমরা দেখব কীভাবে if...else স্টেটমেন্টগুলো আমাদের কোডে ব্যবহার করতে হয়।
কন্ডিশনাল স্টেটমেন্টস রিফ্রেশার
যে মত আলোচনা করেছি, কন্ডিশনাল স্টেটমেন্টস প্রতিটি প্রোগ্রামিং ল্যাঙ্গুয়েজের একটি গুরুত্বপূর্ণ অংশ। আপনাকে একটি কন্ডিশনাল স্টেটমেন্ট ব্যবহার করতে হবে কোড রান করার জন্য যদি একটি নির্দিষ্ট কন্ডিশন মিট হয়। এখানে কিছু সিনেরিও যেখানে কন্ডিশনাল স্টেটমেন্ট ব্যবহার করা উপকারী হয়:
- চেক করা ইউজারের পাসওয়ার্ড ফাইলে থাকা একটার সাথে ম্যাচ করে কিনা।
- চেক করা একজন ইউজারের এক নির্দিষ্ট ইমেইল অ্যাড্রেসের অধীনে একাউন্ট আছে কিনা।
- একটি ফর্ম সাবমিট করা যদি সব ফিল্ড ফিল্ড আপ হয়।
- হলিডে ডিসকাউন্টের একটি লিস্ট ডিসপ্লে করা যদি একজন ইউজার সাইন ইন করা থাকে।
এই সব উদাহরণের কী হলো তারা if শব্দ ব্যবহার করে। যদি কিছু হয়, তবে অন্য কিছু কিছু হয়ে উঠবে। চলুন এক্সপ্লোর করি কীভাবে আমরা এই একই লজিক JavaScript-এ ব্যবহার করতে পারি।
JavaScript if Statement
একটি JavaScript If স্টেটমেন্ট ইভ্যালুয়েট করে একটি স্টেটমেন্ট true বা false কিনা। একটি if স্টেটমেন্ট শুধু রান করবে যদি স্টেটমেন্ট true হয়। যদি স্টেটমেন্ট false হয়, কিছুই হয় না।
If স্টেটমেন্টগুলো if কীওয়ার্ড ব্যবহার করে। if স্টেটমেন্টের পর, আপনাকে একটি কন্ডিশন - বা কন্ডিশনগুলোর একটি সেট - রেগুলার ব্রACKETে স্পেসিফাই করা উচিত। একটি if এবং else স্টেটমেন্টের কন্টেন্টস কার্লি ব্রেসের ভেতরে এনক্লোজড থাকে।
JavaScript-এ একটি if স্টেটমেন্টের সিনট্যাক্স:
if (ourConditions) { // The code that will execute if ourConditions are true }
if Statement JavaScript উদাহরণ
একটি উদাহরণ দিয়ে if স্টেটমেন্ট একশনে ইলাস্ট্রেট করি। আমরা একটি ই-কমার্স সাইট বিল্ড করছি, এবং আমাদের নিশ্চিত করতে হবে ইউজাররা ১৬ বছরের অধিক কিনা কোনো পারচেস করার আগে। এখানে একটি উদাহরণ কীভাবে আমরা ইউজারদের বয়স ভেরিফাই করতে পারি একটি আইটেম কেনা অনুমতি দেওয়ার আগে আমাদের স্টোরে:
const userAge = 15; if (userAge < 16) { console.log("You are not old enough to make a purchase!"); }
আমাদের কোড নিচের আউটপুট রিটার্ন করে:
You are not old enough to make a purchase!
লেস-দ্যান অপারেটর ব্যবহার করে, আমরা চেক করি আমাদের ইউজারের বয়স ১৬-এর চেয়ে কম কিনা। আমাদের ইউজার ১৫, যার মানে userAge < 16 true। আমাদের if স্টেটমেন্টের ভেতরের কোড রান করে।
কিন্তু যদি আমাদের ইউজারের বয়স ১৬ হত? সেক্ষেত্রে, আমাদের কোড কিছুই রিটার্ন করত না কারণ userAge < 16 false হত। আমাদের if স্টেটমেন্টের ভেতরের কোড ইগনোর হত। আমাদের প্রোগ্রাম চলতে থাকত।
JavaScript if...else Statement
একটি JavaScript if...else স্টেটমেন্ট ইভ্যালুয়েট করে একটি কন্ডিশন true-এ সমান কিনা। যদি একটি কন্ডিশন false-এ সমান হয়, else স্টেটমেন্ট এক্সিকিউট হয়। অন্যথায়, "if" স্টেটমেন্টের কন্টেন্ট রান করে।
if...else স্টেটমেন্টের সিনট্যাক্স হলো:
if (ourCondition) { // Code will execute if the condition is true } else { // Code will execute if the condition is false }
else স্টেটমেন্ট আপিয়ার করে একটি স্টেটমেন্টের সব if কন্ডিশনগুলোর পর। একটি if স্টেটমেন্টে শুধু একটি else স্টেটমেন্ট আপিয়ার করতে পারে।
JavaScript true এবং false সম্পর্কে আরও জানতে, আমাদের JavaScript Booleans গাইড পড়ুন।
if...else JavaScript উদাহরণ
আমাদের if স্টেটমেন্ট আলোচনা থেকে একই উদাহরণ ব্যবহার করি যেখানে আমরা একটি ইউজারের বয়স চেক করি। আমরা একটি else স্টেটমেন্ট যোগ করব যাতে একটি ইউজারকে বলা যায় তাদের পারচেস প্রসেস হচ্ছে।
const userAge = 17; if (userAge < 16) { console.log("You are not old enough to make a purchase!"); } else { console.log("Your purchase is being processed."); }
আমাদের কোড নিচের আউটপুট রিটার্ন করে:
Your purchase is being processed.
আমরা "age" নামে একটি JavaScript ভেরিয়েবল ডিক্লেয়ার করলাম যা আমাদের ইউজারের বয়স ট্র্যাক করে। কারণ আমাদের ইউজার ১৬ বছরের চেয়ে বড়, কোড if স্টেটমেন্ট স্কিপ করে এবং else ক্লজ এক্সিকিউট করে। যদি আমাদের ইউজার বয়স ১২ হত, তবে আমাদের else ক্লজের কোড রান করত না।
Else স্টেটমেন্টস বিভিন্ন কনটেক্সটে উপকারী হতে পারে। উদাহরণস্বরূপ, আপনি একটি else স্টেটমেন্ট ব্যবহার করতে পারেন একটি এরর হ্যান্ডেল করার জন্য যদি একটা আসে। অথবা আপনি একটি else স্টেটমেন্ট ব্যবহার করতে পারেন একটি ফর্মের কন্টেন্ট ভেরিফাই করার জন্য। আপনি ইউজারকে একটি মেসেজ দেখাতে পারেন যদি তারা ভুল করে বা ফর্ম ফিল আপ না করে।
JavaScript else...if Statement
JavaScript else...if স্টেটমেন্ট ইভ্যালুয়েট করে একাধিক কন্ডিশন এর মধ্যে কোনটি true। প্রতিটি if...else স্টেটমেন্ট একটি নতুন কন্ডিশন ইভ্যালুয়েট করে। যদি কোনো কন্ডিশন মিট না হয়, তবে কিছুই হয় না।
একাধিক else...if স্টেটমেন্ট ব্যবহার করার সিনট্যাক্স:
if (condition one) { // Code will run if condition one is true } else if (condition two) { // Code will run if condition two is true } else { // Code will run if all the above conditions are false }
আমাদের প্রোগ্রাম সব স্টেটমেন্টগুলো অর্ডারমেনে রান করবে - কন্ডিশন वन থেকে শুরু করে - এবং যদি কোনো স্টেটমেন্ট true না হয়, তবে আমাদের else ব্লকের কোড রান করবে।
আমরা একটা else...if স্টেটমেন্ট স্পেসিফাই করেছি। আপনি যতক্ষণ চান তত else...if স্টেটমেন্ট ব্যবহার করতে পারেন একটি if স্টেটমেন্টের সাথে। প্রতিটি স্টেটমেন্টের ভেতরে আপনাকে সপেসিফাই করা উচিত যে কোড এক্সিকিউট হবে যদি সে নির্দিষ্ট কন্ডিশন মিট হয়।
else...if JavaScript উদাহরণ
একটি উদাহরণ দিয়ে else...if কন্ডিশনাল এক্সপ্রেশন একশনে ইলাস্ট্রেট করি। বলুন আপনি একটি মুভি থিয়েটার চালাচ্ছেন এবং কাস্টমারদের বয়স অনুযায়ী ভিন্ন প্রাইস দিতে চান। এখানে আপনি যে প্রাইসগুলো ব্যবহার করতে চান:
- ১০ বছর বা কম: $৫।
- ১১-১৭ বছর: $৮।
- ১৮-৬৪ বছর: $১২।
- ৬৫+ বছর: $৮।
এখানে একটি প্রোগ্রামের উদাহরণ যেটি একটি কাস্টমারের বয়স চেক করবে এবং টিকেটের প্রাইস রিটার্ন করবে যা তারা পেয়ে দেবে:
var age = 27; var ticketPrice = 0; if (age <= 10) { var ticketPrice = 5; } else if (age >= 11 && age <= 17) { var ticketPrice = 8; } else if (age >= 18 && age <= 64) { var ticketPrice = 12; } else { var ticketPrice = 8; } console.log(ticketPrice);
আমাদের কোড নিচের আউটপুট রিটার্ন করে: 12.
আমরা চেক করি একটি ইউজারের বয়স ১০ বা ১০-এর নিচে কিনা। তারপর, আমরা চেক করি আমাদের ইউজার ১১ এবং ১৭ বছরের মাঝপথে কিনা। আমরা তারপর চেক করি ইউজার ১৮ এবং ৬৪ বছরের মাঝপথে কিনা। কারণ আমাদের ইউজারের বয়স ২৭, সেই ব্লকের কোড এক্সিকিউট হয়। таким образом, টিকেট প্রাইস হয়ে যায় $১২।
উপসংহার
JavaScript if else স্টেটমেন্টস আমাদের ডিটারমাইন করতে দেয় একটি প্রোগ্রামের কোন কোড রান করা উচিত নির্দিষ্ট ফ্যাক্টরগুলো মিট হলে। প্রতিটি প্রোগ্রামিং ল্যাঙ্গুয়েজ কন্ডিশনাল স্টেটমেন্টস ব্যবহার করে কিছু ডিগ্রি तक লজিক প্রদান করার জন্য কোডে।
এই গাইডে, আমরা আলোচনা করেছি কীভাবে if, if else, এবং else...if স্টেটমেন্টস JavaScript-এ ব্যবহার করতে হয়। এখন আপনি কন্ডিশনাল অপারেটর ব্যবহার করতে রেডি একজন প্রো হিসেবে!
আপনি যদি আরও লার্নিং রিসোর্স এবং টপ JavaScript কোর্সের গাইডেন্স খুঁজছেন, আমাদের How to Learn JavaScript গাইড পড়ুন।
