Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Vanilla Javascript - #4 Estruturas condicionais (switch, if)

17/02/2019

Nessa vídeo-aula vamos tratar sobre estruturas condicionais no Javascript. As principais são: if e switch. Falaremos também sobre o operador ternário no JS.

IF

Para utilizar o if colocamos entre parênteses a condição e entre as chaves os resultados a serem exibidos para aquela condição. Utilizamos o else quando a condição não for true. Veja:

let age=16;

if(age > 18){
console.log('Ele é maior de idade');
}else if(age == 18){
console.log("Ele tem exatamente a idade");
}else{
console.log('Ele é menor de idade');
}

Operador Ternário

Possuímos ainda o operador ternário que é uma forma simplificada de realizar a condição. Como vantagem gastamos menos código para executá-lo e como desvantagem a identação dele que não fica muito visível.

(age >= 18)?console.log('Ele é maior de idade'):console.log('Ele é menor de idade');

Switch

Outra forma de expressar condições é utilizando o comando switch. Ele é ideal para comparação de valores númericos:

let year=15;

switch (year){
    case 1:
        console.log("Janeiro");
        break;
    case 2:
        console.log("Fevereiro");
        break;
    case 3:
        console.log("Março");
        break;
    default:
        console.log("Mês Inválido!");
        break;
}

Entre cada cláusula é muito importante que utilizemos o break para que não se subscreva a condição.

Por hoje é só! Sucesso nos códigos e na vida!

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Vanilla Javascript - #3 Alertas, Caixas de Diálogos e Operadores
Nesse tutorial aprenderemos como exibir caixas de alerta e diálogo para o usuário e como funcionam os operadores aritiméticos, de igualdade e lógicos.
Saiba mais!
Vanilla Javascript - #5 Funções
Nesse vídeo iremos tratar de um assunto de grande importância no Javascript: funções. Aprenderemos como criá-las e utilizá-las.
Saiba mais!
Javascript
Ensinaremos durante as aulas a codificação desta importante linguagem de programação.
Saiba mais!