این آموزش در تاریخ ۱۴۰۱/۰۳/۲۲ آپدیت شده است.
کار با عملگرهای مقایسه ای در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با عملگرهای مقایسه ای در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
کار با عملگرهای مقایسه ای در جاوااسکریپت
کلمه Compare در لغت به فارسی میشه مقایسه کردن ، یعنی یسری از عملگرها در زبان جاوااسکریپت هستند که ما با استفاده از اونا میتونیم یک یا چندین متغیر رو با همدیگه مقایسه کنیم.
از نظره من این عملگرها جذاب ترین و باحال ترین عملگرهای جاوااسکریپت می باشد، که البته نه فقط در جاوااسکریپت ( چون در اکثر زبان های برنامه نویسی این عملگرها وجود دارند )
در ماهیت و کلیت بخوایم حساب کنیم ، عملگرهای مقایسه ای کلا ۲ حالت دارند، یا مقدار بصورت درست ( True ) هست و یا بصورت غلط ( False ). که دیگه بعدش دست ماست که مثلا اگه درست بود فلان کارو کنه یا اگه غلط بود بهمان کارو
معمولا بیشترین استفاده از عملگرهای مقایسه ای ، در دستور شرطی IF می باشد.
Free-Learn
جدول عملگرهای مقایسه ای در جاوااسکریپت
در جدول زیر میتونید تمامی عملگرهای مقایسه ای زبان جاوااسکریپت رو مشاهده نمایید.
| نام عملگر | به انگلیسی | توضیح | مثال |
|---|---|---|---|
| == | Equal | مساوی بودن مقدار | a == b |
| === | Equal Value And Equal Type | مساوی بودن مقدار و نوع متغیر | a === b |
| =! | Not Equal | مساوی نبودن مقدار | a != b |
| ==! | Not Equal Value OR Not Equal Type | مساوی نبودن مقدار یا نوع متغیر | a !== b |
| < | Greater Than | بزرگتر بودن | a > b |
| > | Less Than | کوچکتر بودن | a < b |
| =< | Greater Than OR Equal To | بزرگتر مساوی بودن | a >= b |
| => | Less Than OR Equal To | کوچکتر مساوی بودن | a <= b |
Free-Learn
مثال از عملگرهای مقایسه ای در جاوااسکریپت
خب در ادامه میخوایم مثال های مختلفی از عملگرهای مقایسه ای در زبان جاوا اسکریپت مشاهده نماییم.
مثال شماره ۱ : استفاده از == ( یعنی مساوی بودن مقادیر متغیرها )
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var a = 5; var b = 5; if( a==b ){ document.write("آره جانم برابره"); }else{ document.write("آخی نه برابر نیست"); } </script> |
مثال شماره ۲ : استفاده از === ( یعنی هم نوع یک متغیر و هم مقدارش باید مساوی همدیگه باشن )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var a = 5; // از نوع عددی var b = "5"; // از نوع رشته ای if(a === b){ document.write("<p><b>آره مساوی هستن</b></p>"); } else{ document.write("<p><b>نه مساوی نیستن</b></p>"); } </script> |
مثال شماره ۳ : استفاده از =! ( یعنی مساوی نبودن مقدار متغیر )
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var a = 5; var b = 4; if( a != b ){ document.write("<p><b>آره متغیر a با b مساوی نیست</b></p>"); }else{ document.write("<p><b>بنظر میاد متغیر a با b مساوی هست</b></p>"); } </script> |
مثال شماره ۴ : استفاده از < ( یعنی بزرگتر بودن )
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> var a = 5; if( a > 4 ){ document.write("<p><b>آره بزرگتر هست</b></p>"); }else{ document.write("<p><b>نه بزرگتر نیست</b></p>"); } </script> |
Free-Learn
مثال های بیشتر
مثال شماره ۱ : یک نام از کاربر میگیریم بعدش مقایسه میکنیم با نام از قبل تعریف شده خودمون ( نام از قبل تعریف شده خودمون میشه اون متنی که داخل متغیر UserAdmin هس ) ، اگه چیزی که کاربر وارد کرده بود با اون نامی که خودمون مشخص کردیم یکی بودن خب پیغام میده ” آفرین به شما ” و اگه برابر نبود باز پیغام میده ” آخی نه، باید کلمه فری لرن رو وارد کنی ”
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> function CheckName(){ var User_Number , Result , UserAdmin; User_Number = document.getElementById("UserNumber").value; Result = document.getElementById("Result"); UserAdmin = "فری لرن"; if( User_Number == "" ){ Result.innerHTML = "لطفا یک نام وارد کنید"; }else if( User_Number == UserAdmin ){ Result.innerHTML = "آفرین به شما"; }else{ Result.innerHTML = "آخی نه، باید کلمه فری لرن رو وارد کنی"; } } </script> |
مثال شماره ۲ : یک عدد از کاربر دریافت میکنیم بعدش با استفاده از عملگرهای مقایسه ای و عملگرهای منطقی ( در جلسه بعدی میخونید ) میگیم مثلا اگه عدد وارد شده بزرگتر از فلان و کوچکتر از بهمان بود، فلان پیغامو چاپ کنه یا هرکار دیگه
( اون دوتا && یعنی ( و ) این یک عملگر منطقی هست که در جلسه بعدی باهاش آشنا میشیم )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> function CheckNumber(){ var User_Number , Result; User_Number = document.getElementById("UserNumber").value; Result = document.getElementById("Result"); if( User_Number == "" ){ Result.innerHTML = "لطفا یک عدد وارد کنید"; }else if( User_Number >= 5 && User_Number <= 10 ){ Result.innerHTML = "آفرین درسته"; }else{ Result.innerHTML = "نه اشتباهه، باید بین 5 تا 10 باشه"; } } </script> |
