Como usar a instrução if-else do JavaScript

As instruções condicionais injetam lógica em seu programa e sua aplicação é ilimitada. Se você ainda é novo no JavaScript, aprender a usar o "if-else" instrução permite que você instrua especificamente seu programa sobre como ele deve funcionar.

Usar condições em JavaScript é fácil. Vamos começar.

Como usar as condições em JavaScript

Como muitas outras linguagens de programação, as instruções condicionais em JavaScript começam com a instrução if .

Esta é a aparência de sua sintaxe:

 if(condition){
 // some actions;
 }

Se a condição entre parênteses for verdadeira, seu programa executará as ações entre as chaves.

A instrução else então vem se você quiser evitar uma saída em branco quando a condição if retornar um resultado falso:

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

Observe que else não aceita uma condição definida. Em vez disso, ele executa suas ações designadas apenas se uma condição anterior for falsa.

E se você quiser verificar outras condições antes de usar um else , é aqui que a instrução else if se torna útil. É semelhante a como você usa instruções condicionais em Python . No entanto, é um " elif " e não " else if " em Python.

Para usar a instrução else if em JavaScript, a sintaxe condicional torna-se:

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

você também pode usar quantas outras instruções if desejar:

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

Agora vamos ver alguns exemplos práticos que combinam essas declarações condicionais:

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

O exemplo acima executa a ação dentro da instrução else porque o valor de name não é MUO.

Relacionado: O que é JavaScript e como funciona?

Agora vamos ver um exemplo de código que usa as três instruções condicionais.

O código a seguir registra uma saudação para o nome no índice zero apenas:

 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

Condições de JavaScript com operador ternário

Você também pode declarar as condições do JavaScript usando o operador ternário.

A sintaxe geral é semelhante a esta:

 var x = condition ? operation one : operation two

O ponto de interrogação (?) Verifica a validade da condição. Se isso for verdade, ele executa a operação um . Caso contrário, ele segue para a operação dois .

Aqui está um exemplo prático de como usar o operador ternário com uma instrução if-else :

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

E se você quiser verificar mais condições usando o operador ternário JavaScript (semelhante a else if ):

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

Aqui está uma reescrita do último trecho de código da seção anterior usando a operação ternária:

 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

Observação: embora seja simples, você pode não querer usar a operação ternária com condições aninhadas, pois pode confundi-lo. Mas ainda é uma maneira legal de expressar declarações condicionais se você souber como contorná-la.

Controle o seu JavaScript com condições

Como qualquer outra linguagem de programação, o domínio de instruções condicionais em JavaScript permite realizar operações lógicas ilimitadas. Conseqüentemente, você está no controle de como seu programa se comporta.

Dito isso, se você decidir usar instruções "if-else" simples ou a operação ternária, certifique-se de que seu código seja legível e fácil de entender.