Освоение условий JavaScript
17 марта 2023 г.* Условные операторы используются для принятия решений на основе различных условий.
- Условия в JavaScript позволяют выполнять различные блоки кода в зависимости от того, истинно или ложно определенное условие.
Условия могут быть реализованы следующими способами:-
- Если
- Если иначе
- Иначе, если
- Переключиться
- тройные операторы
1) Если оператор:-
- Показывает настоящие значения
- используется для проверки истинности заданных условий & затем выполните блок кода.
<код>javascript если (условие) { -----блок кода, который будет выполняться----- код>
Давайте разберемся с этим на примере.
let num = 10
if (num > 0) {
console.log(num + "is a positive number")
}
//Output => 10 is a positive number//
//In the above example, we set the condition that if the user enters any number greater than 0, then "if" condition got executed and it returns the output.//
2) Другое заявление:-
- Это нечто противоположное оператору If.
- Таким образом, мы скажем, что если условие «Если» не выполняется, что произойдет, когда данное условие ложно, то будет выполнен оператор «Иначе».
if(condition){
-----block of code which is going to execute-----
} else {
-----block of code which is going to execute-----
}
Давайте возьмем пример и попробуем понять это.
//lets say we made a google form for football trails and age limit for the peoples who can apply for this is 16+. Now, If the user enter age more or less than the given age, certain blocks of code gets executed and give response accordingly.//
let myAge = 15
if (myAge > 16) {
console.log(myAge + " is valid age, you are eligible for trials.")
} else {
console.log(myAge + " is not a valid age, you are not eligible for the trials .")
}
//I Hope this clears how "If" and "Else" statements works//
3) В противном случае, если:-
Это используется в большинстве случаев, потому что иногда можно выбрать несколько вариантов.
if(condition){
-----block of code which is going to execute-----
} else if(condition){
-----block of code which is going to execute-----
} else {
-----block of code which is going to execute-----
}
Давайте разберем это на примере.
Допустим, мы нашли интересный веб-сайт, и для того, чтобы получить максимальную отдачу от этого веб-сайта, он просит нас создать на нем учетную запись. Поскольку мы проходим процесс создания учетной записи, он просит нас задать секретные вопросы и задокументировать их ответы. Таким образом, если мы потеряли свой пароль, мы все равно сможем войти в систему, дав правильный ответ на вопросы.
Прошло несколько месяцев, и мы хотим войти на этот веб-сайт, но не можем вспомнить свой пароль, поэтому веб-сайт дает нам возможность войти, ответив на вопросы, которые мы задали ранее. Это дает нам вопрос и четыре варианта на выбор.
Que) какой ваш любимый цвет?
а) синий
б) Индиго
в) розовый
г) красный
let favColor = 'blue'
if(favColor === 'indigo'){
console.log("indigo is not your favorite color.Try again")
} else if(favColor === 'pink'){
console.log("pink is not your favorite color.Try again")
} else if(favColor === 'red'){
console.log("Seriously, red, broooo Try again")
} else if(favColor === 'blue'){
console.log("Thats my bro, blue is your fav color. Never forget your password again.")
} else {
console.log("Enter your fav color")
}
4) Оператор Switch:-
- "Инструкция Switch" является альтернативой операторам "If Else".
- "Инструкция Switch" делает код более кратким и удобным для чтения, когда вам нужно проверить одну переменную на соответствие нескольким возможным значениям.
```javascript переключатель (значение регистра) { Дело 1: console.log(' ') перерыв; //Предположим, условие выполнено после окончания case 1, тогда 'break' завершает код// случай 2: console.log(' ') перерыв;
по умолчанию: //по умолчанию запускается, только если все случаи не удовлетворяют условиям.// console.log(' ') } ```
Давайте разберемся с этим на примере.
let theDay = 'tuesday'
switch(theDay) {
case'monday':
console.log('Today is not monday');
break;
case'tuesday':
console.log('Yes, today is tuesday');
break;
default:
console.log('Please enter a valid day');
}
//In this example, the code terminates after 2nd case, as the condition is satisfied at case 2//
5) Тернарный оператор:-
- Это простой способ написания оператора If Else.
Он принимает три значения или операнда:
- Условие
- выражение для выполнения, если условие истинно
- выражение для выполнения, если условие ложно
Давайте разберемся на примере.
let playFootball = true
playFootball
? console.log('you needs football boots to play on ground')
: console.log('i dont wanna play')
Тернарный оператор полезен, когда вам нужно принять простое решение на основе одного условия. Это может сделать ваш код более кратким и удобным для чтения, особенно при использовании с короткими выражениями.
Заключение
В этом блоге обсуждаются различные условные операторы в JavaScript, которые позволяют выполнять различные блоки кода на основе определенных условий. Сюда входят операторы If, Else, Else If, Switch и Ternary. Операторы if используются для проверки истинности условия, а операторы Else выполняются, когда условие If ложно. Операторы Else If используются, когда необходимо рассмотреть несколько вариантов. Операторы Switch являются альтернативой операторам If Else и делают код более кратким. Тернарные операторы — это простой способ написания операторов If Else.
Также опубликовано здесь.
Оригинал