Nós já aprendemos o básico dos termos de JavaScript, o que são variáveis, alguns de seus tipos e até o básico das operações matemáticas. Dessa vez, após entender o conceito de verdadeiro/falso que as variáveis booleanas usam, iremos entrar nas estruturas condicionais, começando pelo IF.
[greenalert]O QUE SÃO ESTRUTURAS CONDICIONAIS[/greenalert]
Imagine que você levantou da sua cama bem cedo e está para sair de casa. Do lado da sua porta, tem um guarda-chuva pendurado. Você pode levar ele com você, é claro, mas só se estiver chovendo, afinal, para quê andar por aí com um guarda-chuva se não for usá-lo, não é? As estruturas condicionais são assim, elas realizam códigos diferentes, se certos requerimentos forem cumpridos.
Usando o exemplo da chuva:
Se estiver chovendo: Levo o guarda-chuva ao sair.
Mas se não estiver chovendo: Eu não levo meu guarda-chuva, pois não irei precisar dele.
E é assim que funciona a estrutura condicional, simplificadamente. O seu código executará ações diferentes que dependem de uma condição que você dirá.
[greenalert]ESTRUTURA CONDICIONAL - IF[/greenalert]
Para usar o IF, você deve usar seguinte código:
if (condição) {
O que acontece se a condição for verdadeira.
}
O código deve ser escrito com if minúsculo, ou dará erro! Atenção com isso.
Usando na prática e usando elementos do RPG Maker:
var hpHeroi = $gameParty.members()[0].hp; //Não precisa entender o código, só saiba que o HP atual de um personagem foi salvo aí.
if (hpHeroi == 0) {
console.log("O herói está morto!");
}
Esse código acima exibe no console a mensagem "O herói está morto!" se a variável "hpHeroi" for igual à 0. E essa mensagem só será exibida se obedecer o requerimento, ou seja, a expressão ser verdadeira (true).
Mas aí fica a pergunta: E se eu quiser que apareça uma mensagem informando que ele está vivo? É para isso que serve o Else, explicado abaixo.
[greenalert]ESTRUTURA CONDICIONAL - UTILIZANDO O ELSE EM UM IF[/greenalert]
O Else é usado oara quando o seu código for executar duas coisas diferentes, dependendo de um requerimento. Para usar o Else, o código se escreve assim:
if (requerimento) {
- O que irá acontecer se o requerimento for cumprido.
} else {
- O que irá acontecer se o requerimento NÃO for cumprido.
}
Simples, não? Vamos usar o primeiro exemplo dado? O do guarda-chuva?
Exemplo:
var tempoAtual = "Chovendo";
if (tempoAtual == "Chovendo") {
console.log("O guarda-chuva deve ser levado.");
} else {
console.log("O guarda-chuva não deve ser levado.");
}
Se depois a variável "tempoAtual" fosse trocada para qualquer valor diferente de chovendo, ou seja, ensolarado, dia claro, nublado, então o "O guarda-chuva não deve ser levado." será aplicado, afinal, somente se estiver Chovendo é que se leva o guarda-chuva.
Mas e se eu tiver mais de dois requerimentos? Então você vai ter de usar o Else If.
[greenalert]ESTRUTURA CONDICIONAL - UTILIZANDO O ELSE IF EM UM IF[/greenalert]
O Else If serve para dar mais de uma condição para o código e essa quantidade é você quem escolhe. Quanto mais condições você precisar, mais Else Ifs você irá usar. Para usar o Else If, usamos o código da seguinte forma:
if (condição #1) {
- O que irá acontecer se a condição #1 for cumprida.
} else if (condição #2) {
- O que irá acontecer se a condição #2 for cumprida.
} else {
- O que irá acontecer se nem a condição #1 e nem a #2 forem cumpridas.
}
Se você quiser uma "condição #3", basta inserir outro else if {} ao final do segundo.
if (condição #1) {
Ação 1
} else if (condição #2) {
Ação 2
} else if (condição #3) {
Ação 3
} else if (condição #4) {
Ação 4
} else {
}
E assim por diante. Vale lembrar que você não é obrigado à usar um else ao final. Se o seu código não precisar executar algo caso as condições não sejam cumpridas, basta somente não inserir. Ah, antes que você se pergunte, não se coloca (
ao final do código do if.
Vou fazer um último exemplo para tentar ser mais claro:
var diaSemana = 1;
if (diaSemana == 1) {
console.log("Hoje é domingo!");
} else if (diaSemana == 2) {
console.log("Hoje é segunda!");
} else if (diaSemana == 3) {
console.log("Hoje é terça!");
} else if (diaSemana == 4) {
console.log("Hoje é quarta!");
} else if (diaSemana == 5) {
console.log("Hoje é quinta!");
} else if (diaSemana == 6) {
console.log("Hoje é sexta!");
} else {
console.log("Hoje é sábado!");
}
Dessa forma, dependendo do valor de "diaSemana", a mensagem exibida vai ser diferente. Ao final eu inseri um else pois, se o valor não está entre 1 ou 6, só nos resta 7 e iremos informar que é sábado. Mas, para alguns casos, isso pode ser estranho.
Se o valor de diaSemana fosse 100, que dia seria? Pelo código, ele seria sábado. Mas todos sabemos que só existem 7 dias na semana. Então, como resolver isso? Usando o else ao nosso favor:
Novo código:
var diaSemana = 100;
if (diaSemana == 1) {
console.log("Hoje é domingo!");
} else if (diaSemana == 2) {
console.log("Hoje é segunda!");
} else if (diaSemana == 3) {
console.log("Hoje é terça!");
} else if (diaSemana == 4) {
console.log("Hoje é quarta!");
} else if (diaSemana == 5) {
console.log("Hoje é quinta!");
} else if (diaSemana == 6) {
console.log("Hoje é sexta!");
} else if (diaSemana == 7) {
console.log("Hoje é sábado!");
} else {
console.log("Você não inseriu um número de dia válido, entre 1 e 7.!");
}
Dessa forma, qualquer valor que não seja um dia válido, ou seja, entre 1 e 7, vai exibir uma mensagem de erro.
No começo pode parecer complicado, mas quando se coloca na prática, fica bem fácil de se entender o funcionamento. Como você já sabe como somar valores e que pode somar números e textos, pode até deixar a mensagem do else mais trabalhada:
else {
console.log("Você inseriu o número " + diaSemana + ", que não é um dia da semana válido. Insira um valor entre 1 e 7.");
}
Lindo não? Você informa o número escrito e até mesmo que ele não é válido! :XD:
Então pessoas, espero que tenham entendido sobre a estrutura condicional If. Na próxima aula, vamos falar sobre os operadores lógicos, que são necessários para validar os requerimentos da estrutura condicional. Nós vemos lá!
[redalert]ÍNDICE DA AULA[/redalert]
- Breve resumo sobre o que são estruturas condicionais.
- Uso e forma de se escrever o IF.
- Uso e forma de se inserir um ELSE.
- Uso e forma de se inserir um ELSE IF.
[greenalert]O QUE SÃO ESTRUTURAS CONDICIONAIS[/greenalert]
Imagine que você levantou da sua cama bem cedo e está para sair de casa. Do lado da sua porta, tem um guarda-chuva pendurado. Você pode levar ele com você, é claro, mas só se estiver chovendo, afinal, para quê andar por aí com um guarda-chuva se não for usá-lo, não é? As estruturas condicionais são assim, elas realizam códigos diferentes, se certos requerimentos forem cumpridos.
Usando o exemplo da chuva:
Se estiver chovendo: Levo o guarda-chuva ao sair.
Mas se não estiver chovendo: Eu não levo meu guarda-chuva, pois não irei precisar dele.
E é assim que funciona a estrutura condicional, simplificadamente. O seu código executará ações diferentes que dependem de uma condição que você dirá.
[greenalert]ESTRUTURA CONDICIONAL - IF[/greenalert]
Para usar o IF, você deve usar seguinte código:
if (condição) {
O que acontece se a condição for verdadeira.
}
O código deve ser escrito com if minúsculo, ou dará erro! Atenção com isso.
Usando na prática e usando elementos do RPG Maker:
var hpHeroi = $gameParty.members()[0].hp; //Não precisa entender o código, só saiba que o HP atual de um personagem foi salvo aí.
if (hpHeroi == 0) {
console.log("O herói está morto!");
}
Esse código acima exibe no console a mensagem "O herói está morto!" se a variável "hpHeroi" for igual à 0. E essa mensagem só será exibida se obedecer o requerimento, ou seja, a expressão ser verdadeira (true).
Mas aí fica a pergunta: E se eu quiser que apareça uma mensagem informando que ele está vivo? É para isso que serve o Else, explicado abaixo.
[greenalert]ESTRUTURA CONDICIONAL - UTILIZANDO O ELSE EM UM IF[/greenalert]
O Else é usado oara quando o seu código for executar duas coisas diferentes, dependendo de um requerimento. Para usar o Else, o código se escreve assim:
if (requerimento) {
- O que irá acontecer se o requerimento for cumprido.
} else {
- O que irá acontecer se o requerimento NÃO for cumprido.
}
Simples, não? Vamos usar o primeiro exemplo dado? O do guarda-chuva?
Exemplo:
var tempoAtual = "Chovendo";
if (tempoAtual == "Chovendo") {
console.log("O guarda-chuva deve ser levado.");
} else {
console.log("O guarda-chuva não deve ser levado.");
}
Se depois a variável "tempoAtual" fosse trocada para qualquer valor diferente de chovendo, ou seja, ensolarado, dia claro, nublado, então o "O guarda-chuva não deve ser levado." será aplicado, afinal, somente se estiver Chovendo é que se leva o guarda-chuva.
Mas e se eu tiver mais de dois requerimentos? Então você vai ter de usar o Else If.
[greenalert]ESTRUTURA CONDICIONAL - UTILIZANDO O ELSE IF EM UM IF[/greenalert]
O Else If serve para dar mais de uma condição para o código e essa quantidade é você quem escolhe. Quanto mais condições você precisar, mais Else Ifs você irá usar. Para usar o Else If, usamos o código da seguinte forma:
if (condição #1) {
- O que irá acontecer se a condição #1 for cumprida.
} else if (condição #2) {
- O que irá acontecer se a condição #2 for cumprida.
} else {
- O que irá acontecer se nem a condição #1 e nem a #2 forem cumpridas.
}
Se você quiser uma "condição #3", basta inserir outro else if {} ao final do segundo.
if (condição #1) {
Ação 1
} else if (condição #2) {
Ação 2
} else if (condição #3) {
Ação 3
} else if (condição #4) {
Ação 4
} else {
}
E assim por diante. Vale lembrar que você não é obrigado à usar um else ao final. Se o seu código não precisar executar algo caso as condições não sejam cumpridas, basta somente não inserir. Ah, antes que você se pergunte, não se coloca (
ao final do código do if.Vou fazer um último exemplo para tentar ser mais claro:
var diaSemana = 1;
if (diaSemana == 1) {
console.log("Hoje é domingo!");
} else if (diaSemana == 2) {
console.log("Hoje é segunda!");
} else if (diaSemana == 3) {
console.log("Hoje é terça!");
} else if (diaSemana == 4) {
console.log("Hoje é quarta!");
} else if (diaSemana == 5) {
console.log("Hoje é quinta!");
} else if (diaSemana == 6) {
console.log("Hoje é sexta!");
} else {
console.log("Hoje é sábado!");
}
Dessa forma, dependendo do valor de "diaSemana", a mensagem exibida vai ser diferente. Ao final eu inseri um else pois, se o valor não está entre 1 ou 6, só nos resta 7 e iremos informar que é sábado. Mas, para alguns casos, isso pode ser estranho.
Se o valor de diaSemana fosse 100, que dia seria? Pelo código, ele seria sábado. Mas todos sabemos que só existem 7 dias na semana. Então, como resolver isso? Usando o else ao nosso favor:
Novo código:
var diaSemana = 100;
if (diaSemana == 1) {
console.log("Hoje é domingo!");
} else if (diaSemana == 2) {
console.log("Hoje é segunda!");
} else if (diaSemana == 3) {
console.log("Hoje é terça!");
} else if (diaSemana == 4) {
console.log("Hoje é quarta!");
} else if (diaSemana == 5) {
console.log("Hoje é quinta!");
} else if (diaSemana == 6) {
console.log("Hoje é sexta!");
} else if (diaSemana == 7) {
console.log("Hoje é sábado!");
} else {
console.log("Você não inseriu um número de dia válido, entre 1 e 7.!");
}
Dessa forma, qualquer valor que não seja um dia válido, ou seja, entre 1 e 7, vai exibir uma mensagem de erro.
No começo pode parecer complicado, mas quando se coloca na prática, fica bem fácil de se entender o funcionamento. Como você já sabe como somar valores e que pode somar números e textos, pode até deixar a mensagem do else mais trabalhada:
else {
console.log("Você inseriu o número " + diaSemana + ", que não é um dia da semana válido. Insira um valor entre 1 e 7.");
}
Lindo não? Você informa o número escrito e até mesmo que ele não é válido! :XD:
Então pessoas, espero que tenham entendido sobre a estrutura condicional If. Na próxima aula, vamos falar sobre os operadores lógicos, que são necessários para validar os requerimentos da estrutura condicional. Nós vemos lá!
[redalert]ÍNDICE DA AULA[/redalert]
- Breve resumo sobre o que são estruturas condicionais.
- Uso e forma de se escrever o IF.
- Uso e forma de se inserir um ELSE.
- Uso e forma de se inserir um ELSE IF.