Как использовать оператор if-else в JavaScript

Дядя Влад

Условные операторы вводят логику в вашу программу, и их применение безгранично. Если вы все еще новичок в JavaScript, осваиваете, как использовать «if-else» оператор позволяет вам конкретно проинструктировать вашу программу о том, как она должна работать.

Использовать условия в JavaScript очень просто. Давайте начнем.

Как использовать условия в JavaScript

Как и во многих других языках программирования, условные операторы в JavaScript начинаются с оператора if .

Вот как выглядит его синтаксис:

 if(condition){
 // some actions;
 }

Если условие в скобках истинно, ваша программа выполнит действия в фигурных скобках.

Затем появляется оператор else, если вы хотите избежать пустого вывода, когда условие if возвращает ложный результат:

 if(condition){
 // some actions;
 }else{// execute something else}

Обратите внимание, что else не принимает определенное условие. Вместо этого он выполняет назначенные действия, только если предыдущее условие ложно.

И если вы хотите проверить другие условия, прежде чем использовать else , здесь вам пригодится оператор else if . Это похоже на то, как вы используете условные операторы в Python . Однако в Python это « elif », а не « else if ».

Чтобы использовать оператор else if в JavaScript, условный синтаксис выглядит следующим образом:

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else{// execute something else}

вы также можете использовать столько операторов if, сколько захотите:

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else if(a third condition){
 // perform another action
 }else{// execute something else}

Теперь давайте посмотрим на несколько практических примеров, в которых сочетаются эти условные операторы:

 var name = "idowu";
 if(name== "MUO"){
 console.log("Hello"+ " "+ name);
 }else{
 console.log("Hello everyone");
 }
 Output: Hello everyone

В приведенном выше примере действие выполняется внутри оператора else, потому что значение name не MUO.

По теме: что такое JavaScript и как он работает?

Теперь давайте посмотрим на пример кода, в котором используются три условных оператора.

Приведенный ниже код регистрирует приветствие только для имени с нулевым индексом:

 var names = ["MUO", "Jane", "Idowu"];
 if(names[0]=="Jane"){
 console.log("Hello"+ " " +names[0]);
 }else if(names[0]=="Idowu"){
 console.log("Hello"+ " " +names[0]");
 }else if(names[0]=="MUO"){
 console.log(Hello"+ " " +names[0]);
 }else{
 console.log("You didn't get the index");
 }
 Output: Hello MUO

Условия JavaScript с тернарным оператором

Вы также можете объявить условия JavaScript с помощью тернарного оператора.

Общий синтаксис выглядит так:

 var x = condition ? operation one : operation two

Знак вопроса (?) Проверяет выполнение условия. Если это правда, он выполняет первую операцию . В противном случае он переходит ко второй операции .

Вот практический пример того, как использовать тернарный оператор с оператором if-else :

 var name = "Idowu";
 var checkName =
 name == "MUO" ? console.log("Hello"+ " "+ name) : console.log("Hello everyone");
 Output: Hello everyone

И если вы хотите проверить больше условий с помощью тернарного оператора JavaScript (аналогично else if ):

 var temperature = 25
 var checkTemperature =
 temp<24 ? console.log("Too cold") :
 temp == 25 ? console.log("Moderate") :
 console.log("extreme");
 Output: Moderate

Вот перезапись последнего фрагмента кода в предыдущем разделе с использованием тернарной операции:

 var names = ["MUO", "Jane", "Idowu"];
 var checkIndex =
 names[0] == "Jane" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "Idowu" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "MUO" ? console.log("Hello"+ " " +names[0]) :
 console.log("You didn't get the index");
 Output: Hello MUO

Примечание. Хотя это просто, возможно, вы не захотите использовать тернарную операцию с вложенными условиями, так как это может вас запутать. Но это по-прежнему изящный способ выражать условные выражения, если вы знаете, как это делать.

Управляйте своим JavaScript с помощью условий

Как и в любом другом языке программирования, владение условными операторами в JavaScript позволяет выполнять неограниченное количество логических операций. Следовательно, вы контролируете, как ведет себя ваша программа.

Тем не менее, решите ли вы использовать простые операторы if-else или тернарную операцию, убедитесь, что ваш код читабелен и прост для понимания.