Como usar a instrução inline se em JavaScript

Um dos principais princípios da programação são as declarações condicionais. Pode ser verdadeiro ou falso. Os desenvolvedores podem usá -los para criar lógica condicional e executar outras verificações de parâmetros. A declaração condicional (se-else) é uma declaração de bloco que reservará várias linhas. Você pode usar uma instrução inline para reduzir as linhas de código e executar a mesma ação.

Este tutorial ilustrará o uso de declarações embutidas se em JavaScript.

Como usar a instrução inline se em JavaScript?

Em JavaScript, um operador ternário é o uso mais típico e recomendado para uma instrução IF IF. É usado como um substituto para uma declaração if-else. Ele contém três operando, “uma condição","uma afirmação verdadeira", e "uma declaração falsa”. Uma interrogação (?) segue a condição, e uma declaração verdadeira é seguida por um cólon (:).

Sintaxe

A sintaxe de uma instrução inline se for dada abaixo:

doença ? "Expression1": "Expression2"

Aqui:

• O "doença”É uma declaração que pode ser verdadeira ou falsa.
• O "expressão1”É o valor que será retornado se a condição fornecida for verdadeira.
• Enquanto "expressão2”É o valor que será retornado se a condição não for verdadeira.

Exemplo

Neste exemplo, usaremos uma instrução inline se estiver usando o operador ternário. Para fazer isso, primeiro, criaremos uma variável “Marcas”Ao atribuir o valor“86”:

var marcas = 86;

Em seguida, use um operador ternário para verificar a condição se as marcas forem maiores ou iguais a “70" retornar "Nota A"Como saída mais retornar"Série b”E armazene o resultado em variável“notas”:

Var Gestes = Marks> = 70 ? "Grau A": "Grau B";

Por fim, imprima o resultado no console utilizando o “console.registro()”Método:

console.log (notas);

A saída mostra “Nota A”, O que significa que a condição é verdadeira:

Como usar várias condições em uma instrução IF IF? Siga a seção especificada.

Como usar uma instrução inline se com várias condições?

Você também pode aplicar várias condições com uma instrução inline se. Para fazer isso, Siga a sintaxe abaixo para usar o operador ternário.

Sintaxe

condição1 ? true_expression1: condição2 ? true_expression2: else_expression

• Aqui, "condição1" é o primeiro 'se'declaração que será verificada, seja verdadeira ou falsa.
• O "VERDADEIRA EXPRESSÃO1”É o valor que será retornado se a condição1 for verdadeira.
• ““condição2”É a declaração se será verificada se a segunda condição é verdadeira ou falsa.
• O "Expressão verdadeira2”É o valor que será retornado se a condição2 for verdadeira.
• Enquanto "else_expression”É o valor que será retornado se nenhuma das seguintes condições for atendida.

Exemplo

Aqui, verificaremos várias condições com uma declaração inline se. Primeiro, criaremos variável “Marcas”Atribuindo um valor“56”:

var marcas = 56;

Agora, adicionaremos uma condição para marcas superiores a 90; Se essa condição for verdadeira, o “Nota A+”Será impresso no console, se as marcas forem maiores ou iguais a 70, mas menor que 90, a saída será“Nota A"Caso contrário, a saída será"Grau F”:

Var Gestes = Marks> = 90 ? "Grau A+": Marcas> = 70 ? "Grau A": "Grau F";

Finalmente, imprima as notas no console:

console.log (notas);

A saída exibe “Grau F”, O que significa que ambas as condições são falsas:

Como usar a declaração embutida se uma declaração se aninhada?

Você também pode usar uma instrução inline se uma declaração se aninhada, como:

se
..
se
..
elseif
..
outro
outro

Para fazer isso, siga a sintaxe abaixo usando o operador ternário.

Sintaxe

condição1
? true_expression1
: Condition2
? true_expression2
: else_expression2

• Aqui, "condição1”É a primeira declaração se será verificada, seja verdadeira ou falsa.
• O "VERDADEIRA EXPRESSÃO1”É o valor que será impresso se a condição1 for verdadeira.
• ““condição2”É o segundo se a declaração, que é aninhada se, isso será verificado se a condição fornecida é verdadeira ou falsa
• O "Expressão verdadeira2”É o valor que será retornado se a condição2 for verdadeira.
• Em contraste, "else_expression”É o valor que retornará se a segunda condição for falsa.

Exemplo

Primeiro, crie uma variável “Marcas”Ao atribuir o valor“65”:

var marcas = 65;

Em seguida, use condições aninhadas se com a ajuda de uma instrução inline se.

• Em primeiro 'se' declaração, adicionaremos uma condição para marcas maiores que 90; Se a condição for verdadeira, imprima “Nota A+”.
• No segundo 'se'Condição, usaremos o operador lógico “&”Para verificar se as marcas estão entre 70 e 89 significa menos de 90, então a saída será“Nota A”.
• No terceiro 'seDeclaração, verificaremos se as marcas são menores que 70 e maiores ou iguais a 50, o ““Série b”Será impresso no console.
• Se o segundo e o terceiro 'se' As declarações são falsas, então “Grau F”Será impresso no console:

Var Gestes = Marks> 90
? "Grau A+"
: Marcas < 90 && marks >= 70
? "Nota A"
: Marcas < 70 && marks >= 50
? "Série b"
: "Grau F"

Por fim, imprima as notas resultantes no console usando o “console.registro()”Método:

console.log (notas);

Saída

Nós compilamos todas as informações essenciais relacionadas à instrução inline se.

Conclusão

Para usar uma instrução inline se em JavaScript, você pode usar um “operador ternário”Isso é uma alternativa a uma declaração se ... else. Requer três operando, “uma condição”, Que é seguido por um ponto de interrogação (?), “uma afirmação verdadeira”, Seguido por um cólon (:), e "uma declaração falsa”. Ele executa o mesmo que as declarações if-else, mas com menos linhas de código. Neste tutorial, ilustramos o uso de declarações em linha se em JavaScript com exemplos.