در این قسمت از آموزش جاوا اسکریپت قصد داریم درباره عملگرهای شرطی در این زبان صحبت کنیم و عملکرد آنها را به طور کامل برای شما توضیح دهیم. برای شروع ویژوال استودیو کد را اجرا کرده و وارد فایل script.js می‌شویم و اسکریپت‌هایی که در بخش قبلی نوشته بودیم را حذف می‌کنیم.
در آموزش جاوا اسکریپت رایگان و در زمان کدنویسی به این زبان در بیشتر مواقع شما قصد دارید به برنامه خود منطق اضافه کنید تا کد شما بر اساس یک سری شروط تصمیم بگیرد که چه‌کارهایی را انجام داده و چه‌کارهایی را انجام ندهد. یکی از مهم‌ترین ابزارهایی که در چنین شرایطی می‌توان از آن استفاده کرد عملگر شرطی if است که با استفاده از آن بررسی می‌کنیم که اگر یک شرطی برقرار بود عملیات خاصی انجام شود و اگر برقرار نبود نیز عملیات دیگری انجام شود. در ادامه به بررسی ساختار if در زبان برنامه‌نویسی جاوا اسکریپت می‌پردازیم.
ساختار if
ساختار دستور شرطی if در زبان جاوا اسکریپت
در این بخش از آموزش جاوا اسکریپت قصد داریم کمی بیشتر درباره ساختار دستور شرطی if صحبت کنیم. حتما این بخش را با دقت مطالعه کنید چراکه در ادامه دوره آموزش جاوا اسکریپت به زبان ساده به میزان زیادی از این دستور استفاده خواهیم کرد و به همین علت نیز شما باید کاملا به آن مسلط باشید.
در بیشتر زبان‌های برنامه‌نویسی از جمله جاوا اسکریپت دستور شرطی if به این شکل مورداستفاده قرار می‌گیرد که ابتدا عبارت if نوشته می‌شود و در ادامه یک پرانتز باز می‌شود که داخل آن شرط ما قرار می‌گیرد و پس از پرانتز نیز یک بدنه با استفاده از {} ایجاد می‌شود که در داخل این بدنه نیز عملیاتی که ما قصد داریم در صورت برقرار بودن شرط انجام شود نوشته می‌شود. گاهی اوقات نیز ما ممکن است قصد داشته باشیم در صورت برقرار نبودن شرط عملیات دیگری انجام شود که در این صورت پس از علامت کلمه else را نوشته و سپس یک بدنه را مجددا برای آن با استفاده از {} ایجاد می‌کنیم که داخل آن نیز عملیات ما نوشته می‌شود. برای آموزش عملی دستور شرطی if در آموزش javascript قطعه کد زیر را در نظر بگیرید:
var a, b;
a = 5;
b = 5;
if (a == b){
console.log(“numbers are equal”);
}
else{
console.log(“numbers are not equal”);
}
با اجرای این کد عبارت numbers are equal برای شما چاپ می‌شود که نشان‌دهنده این است که دو مقدار a و b برابر هستند. دقت داشته باشید که علامت == برای نشان‌دادن برابری در زبان جاوا استفاده می‌شوند و این درحالی است که = برای اختصاص دادن مقدار به متغیرها استفاده می‌شود. به‌عنوان یک مثال دیگر قطعه کد زیر را در نظر بگیرید:
var a, b;
a = 5;
b = 9;
var isEqual;
if (a == b){
isEqual = true;
console.log(“the equal match is: ”+ isEqual);
}
else{
isEqual = false;
console.log(“the equal match is: ”+ isEqual);
}
با اجرای این کد عبارت the equal match is: false برای شما چاپ می‌شود که نشان‌دهنده این است که مقدار متغیر a با مقدار متغیر b برابر نیست. البته قطعه کد بالا دارای یک دستور اضافی است و نیازی نیست که دستور console.log را هم در داخل if و هم در داخل else بنویسیم. به جای آن می‌توانیم به شکل زیر عمل کنیم که نتیجه و خروجی کد یکسان خواهد بود:
var a, b;
a = 5;
b = 9;
var isEqual;
if (a == b){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
مثالی از دستور if
مثالی دیگر از دستور شرطی if در زبان برنامه‌نویسی جاوا اسکریپت
در این بخش از آموزش جاوا اسکریپت قصد داریم مثال دیگری از دستور شرطی if در جاوا اسکریپت را به شما ارائه دهیم که شما را بیشتر با مفهوم این دستور شرطی آشنا خواهد کرد. برای این کار قطعه کد زیر را در نظر بگیرید:
var a, b;
a = 5;
b = “5”;
var isEqual;
if (a == b){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
در این کد ما تنها مقدار متغیر b را از نوع عددی و int به نوع رشته‌ای و string تغییر داده‌ایم که با اجرای آن مشاهده می‌کنیم که خروجی برابر عبارت the equal match is:true خواهد بود. دقت داشته باشید که در جاوا اسکریپت مقدار دو متغیر فارغ از نوع داده آنها مقایسه می‌شوند و در صورت برابر بودن مقدار true برگردانده می‌شود.
حال فرض کنید ما قصد داریم دستور شرطی خود را دقیق‌تر کنیم و بگوییم که علاوه بر مقدار دو متغیر اگر نوع داده آنها نیز برابر بود مقدار true را چاپ کن باید به شکل زیر عمل کنیم:
var a, b;
a = 5;
b = “5”;
var isEqual;
if (a === b){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
بنابراین به‌راحتی با تغییر == به === می‌توانیم این شرط را اضافه کنیم که علاوه بر مقدار، نوع داده دو متغیر نیز باید برابر باشد. با اجرای قطعه کد بالا مشاهده می‌کنید که عبارت the equal match is: false برای شما چاپ می‌شود.
بررسی عدم تساوی با دستورات شرطی
بررسی شرط عدم تساوی با دستورات شرطی در جاوا اسکریپت
گاهی اوقات در برنامه‌نویسی ممکن است شرایطی پیش بیاید که قصد داشته باشید بررسی کنید که دو متغیر حتما با یکدیگر برابر نباشند. در چنین شرایطی شما باید از عملگر شرطی! = به‌جای == استفاده کنید که در این بخش از آموزش جاوا اسکریپت بیشتر درباره این عملگر شرطی صحبت خواهیم کرد. برای آشنایی با این عملگر مجددا قطعه کد زیر را در نظر بگیرید:
var a, b;
a = 5;
b = 5;
var isEqual;
if (a != b){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
حال اگر قطعه کد بالا را اجرا کنیم عبارت the equal match is: false نمایش داده می‌شود چراکه دو متغیر a و b دارای مقادیر یکسانی هستند.
به‌طورکلی علامت! در جاوا اسکریپت به معنی نقیض است، علامت < به معنای کوچک‌تر و علامت > به معنای بزرگ‌تر است که ما در ادامه دوره آموزش javascript رایگان به طور مفصل درباره آنها صحبت خواهیم کرد.
استفاده هم‌زمان از چند شرط
استفاده هم‌زمان از چند دستور شرطی در زبان جاوا اسکریپت
گاهی اوقات ممکن است در طول برنامه‌نویسی به زبان جاوا اسکریپت نیاز داشته باشید که به‌صورت هم‌زمان از چند دستور شرطی در داخل دستور if استفاده کنید. به همین علت نیز در این بخش از آموزش جاوا اسکریپت قصد داریم کمی بیشتر درباره این موضوع صحبت کنیم. به‌عنوان‌مثال فرض کنید قصد داریم قطعه کدی که در بخش قبل نوشته بودیم را به شکلی تغییر دهیم که تنها زمانی به ما true برگرداند که هم a < b و هم b = 5 باشد. در غیراین‌صورت باید مقدار false را به ما برگرداند. برای نوشتن چنین کدی به شکل زیر عمل می‌کنیم:
var a, b;
a = 10;
b = 5;
var isEqual;
if (a < b & b == 5){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
همان‌طور که مشاهده می‌کنید در قطعه کد بالا ما از & برای اضافه‌کردن یک شرط جدید استفاده می‌کنیم. زمانی که از علامت & که and خوانده می‌شود استفاده می‌کنیم در واقع هر دو طرفی که استفاده کرده‌ایم باید true باشند تا وارد بدنه دستور شرطی if شده و مقدار true برگردانده شود. با اجرای قطعه کد بالا مشاهده می‌کنید که عبارت the equal match is: false برای شما چاپ می‌شود چراکه مقدار a کوچک‌تر از b نیست.
اگر مقدار a را برابر 4 قرار دهیم در این صورت مقدار the equal match is: true برای شما چاپ خواهد شد. نکته مهم دیگر این است که شما می‌توانید در داخل دستور شرطی if از چندین & استفاده کنید ولی نباید فراموش کنید که در این صورت تمامی شرط‌هایی که نوشته‌اید باید همگی true باشند تا مقدار نهایی نیز true شود.
عملگر | یا or
آشنایی با عملگر | یا or در زبان برنامه‌نویسی جاوا اسکریپت
فرض کنید که قصد دارید از دو شرط داخل دستور شرطی if خود استفاده کنید که تنها اگر یکی از آنها نیز درست باشد کافی است تا جواب true بازگردانده شود. برای این کار می‌توانید از عملگر | که همان or انگلیسی است استفاده کنید. برای آشنایی بیشتر با نحوه عملکرد این عملگر قطعه کد زیر را در نظر بگیرید:
var a, b;
a = 10;
b = 5;
var isEqual;
if (a < b | b == 5){
isEqual = true;
}
else{
isEqual = false;
}
console.log(“the equal match is: ”+ isEqual);
با اجرای این کد مشاهده خواهید کرد که عبارت the equal match is: true برای شما چاپ می‌شود. با وجود این که a از b کوچک‌تر نیست ولی مشاهده می‌کنید که وارد بدنه دستور if می‌شویم که دلیل این موضوع این است که شرط b ==5 درست است.
اپراتورهای سه‌گانه
آشنایی با اپراتورهای سه‌گانه در زبان برنامه‌نویسی جاوا اسکریپت
ما در بخش قبلی از این جلسه آموزش جاوا اسکریپت درباره ساختار دستور شرطی if صحبت کردیم. یکی دیگر از ساختارهای بسیار محبوبی که دقیقا همان کار را برای شما انجام می‌دهد و تفاوت آن این است که بسیار کوتاه‌تر از ساختار if است استفاده از اپراتورهای سه‌گانه می‌باشد. این اپراتورها در زبان جاوا اسکریپت دارای اهمیت بسیار زیادی هستند و به همین علت است که ما در این جلسه از آموزش جاوا اسکریپت پروژه محور قصد داریم بیشتر درباره آنها صحبت کنیم و طرز کار آنها را برای شما توضیح دهیم. برای استفاده از این اپراتورها کافی است که ابتدا شرط خود را بنویسید، سپس یک علامت سوال یا؟ قرار دهید، در ادامه عملیاتی که قصد دارید در صورت برقرار بودن شرط انجام شود را بنویسید، سپس یک علامت نقل‌قول یا: بگذارید و در ادامه نیز عملیاتی که قصد دارید در بخش else اجرا شود را بنویسید. به‌عنوان‌مثال قطعه کد زیر را در نظر بگیرید که همان دستور if را با استفاده از اپراتور سه‌گانه پیاده‌سازی کرده‌ایم:
var a, b;
a = 10;
b = 5;
var isEqual;
a == b ? isEqual = true : isEqual = false;
console.log(“the equal match is: ”+ isEqual);
با اجرای این کد مشاهده می‌کنید که عبارت the equal match is false برای شما چاپ می‌شود چراکه مقدار a و b برابر نیستند. اگر مقدار a را نیز برابر 5 قرار دهید مشاهده می‌کنید که خروجی این قطعه کد به شکل the equal match is true برای شما نمایش داده می‌شود؛ بنابراین در صورت نیاز شما می‌توانید از اپراتورهای سه‌گانه نیز به‌جای دستورات شرطی if استفاده کرده و از مزایای آنها بهره‌مند شوید.
قسمت قبلی آموزش رایگان جاوا اسکریپت:
قسمت بعدی آموزش رایگان جاوا اسکریپت:
بررسی حالت ها و شروط زیاد در if و else
یا جهت مشاهده ویدیوهای اموزشی آموزش رایگان جاوا اسکریپت وارد این صفحه شوید