if و else در JS
if و else دستورات شرطی ای هستند که عملیاتی انجام می دهند و در شرایط مختلف استفاده می شود.
دستورات شرطی در JS
بیشتر اوقات می خواهید اقدامات مختلفی برای تصمیم گیری های مختلف انجام دهید و در این زمان شما باید از دستورات شرطی در کد خود استفاده کنید.
در لیست زیر انواع دستورات شرطی JavaScript را مشاهده خواهید کرد.
| توضیحات | دستور شرطی |
| اگر شرط مشخص شده درست باشد، برای تعیین یک بلوک کد برای اجرا استفاده می شود | if |
| اگر همان شرط نادرست باشد، برای تعیین یک بلوک کد برای اجرا استفاده می شود | else |
| اگر شرط اول نادرست است، برای تعیین یک شرط جدید برای آزمایش استفاده می شود | else if |
| برای تعیین بسیاری از بلوک های جایگزین کد برای اجرا استفاده می شود | switch |
if
زمانی از if استفاده کنید که میخواهید بلوکی از کد جاوااسکریپت را مشخص کنید که زمانی که شرط درست بود اجرا شود.
نحوه ی استفاده:
if (condition) {
// بلوکی از کد که در صورت درست بودن شرط اجرا می شود
}در مثال زیر اگر ساعت کمتر از 19 باشد روز بخیر و اگر بیشتر از 19 باشد شب بخیر نمایش داده می شود.
<!DOCTYPE html>
<html>
<body>
<p id="demo">شب بخیر!</p>
<script>
if (new Date().getHours() < 19) {
document.getElementById("demo").innerHTML = "روز بخیر!";
}
</script>
</body>
</html>
else
زمانی از else استفاده کنید که می خواهید بلوکی از کد در صورت نادرست بودن شرط اجرا شود.
نحوه ی استفاده:
if (condition) {
// بلوکی از کد که درصورت درست بودن شرط اجرا می شود
} else {
// بلوکی از کد که درصورت نادرست بودن شرط اجرا می شود
}در مثال زیر اگر ساعت قبل از 12 باشد صبح بخیر در خروجی نمایش داده می شود و اگر بعد از 12 باشد عصر بخیر نمایش داده می شود.
<!DOCTYPE html>
<html>
<body>
<p id="test"></p>
<script>
const hour = new Date().getHours();
let greeting;
if (hour < 12) {
greeting = "صبح بخیر";
} else {
greeting = "عصر بخیر";
}
document.getElementById("test").innerHTML = greeting;
</script>
</body>
</html>
else if
زمانی که شرط اول نادرست است از دستور شرطی else if برای تعیین یک شرط جدید استفاده کنید.
نحوه ی استفاده:
if (condition1) {
// بلوکی از کد که در صورت درست بودن شرط اول اجرا می شود
} else if (condition2) {
// بلوکی از کد که وقتی شرط اول نادرست است و شرط دوم درست است اجرا می شود
} else {
// بلوکی از کد که زمانی که شرط اول و دوم نادرست است اجرا می شود
}در مثال زیر اگر ساعت کمتر از 10 است صبح بخیر اگر کمتر از 20 است روز بخیر و اگر هیچکدام از این دو نبود شب بخیر در خروجی نمایش داده می شود.
<!DOCTYPE html>
<html>
<body>
<p id="test"></p>
<script>
const time = new Date().getHours();
let greeting;
if (time < 10) {
greeting = "صبح بخیر";
} else if (time < 20) {
greeting = "روز ببخیر";
} else {
greeting = "شب بخیر";
}
document.getElementById("test").innerHTML = greeting;
</script>
</body>
</html>
تمرین
احسان اسلامی
