Web-Dev-For-Beginners/translations/pt/2-js-basics/3-making-decisions

Fundamentos de JavaScript: Tomar Decisões

Sketchnote por Tomomi Imura

Questionário Pré-Aula

Questionário pré-aula

Tomar decisões e controlar a ordem em que o seu código é executado torna-o reutilizável e robusto. Esta secção aborda a sintaxe para controlar o fluxo de dados em JavaScript e a sua importância quando usado com tipos de dados Booleanos.

🎥 Clique na imagem acima para assistir a um vídeo sobre como tomar decisões.

Pode fazer esta lição no Microsoft Learn!

Uma Breve Recapitulação sobre Booleanos

Os Booleanos só podem ter dois valores: true ou false. Os Booleanos ajudam a tomar decisões sobre quais linhas de código devem ser executadas quando certas condições são atendidas.

Defina o seu booleano como verdadeiro ou falso desta forma:

let myTrueBool = true
let myFalseBool = false

✅ Os Booleanos têm o nome do matemático, filósofo e lógico inglês George Boole (1815–1864).

Operadores de Comparação e Booleanos

Os operadores são usados para avaliar condições, fazendo comparações que resultam num valor Booleano. Abaixo está uma lista de operadores frequentemente utilizados.

Símbolo	Descrição	Exemplo
<	Menor que: Compara dois valores e retorna o tipo de dado Booleano true se o valor à esquerda for menor que o da direita	5 < 6 // true
<=	Menor ou igual a: Compara dois valores e retorna o tipo de dado Booleano true se o valor à esquerda for menor ou igual ao da direita	5 <= 6 // true
>	Maior que: Compara dois valores e retorna o tipo de dado Booleano true se o valor à esquerda for maior que o da direita	5 > 6 // false
>=	Maior ou igual a: Compara dois valores e retorna o tipo de dado Booleano true se o valor à esquerda for maior ou igual ao da direita	5 >= 6 // false
===	Igualdade estrita: Compara dois valores e retorna o tipo de dado Booleano true se os valores à direita e à esquerda forem iguais E do mesmo tipo	5 === 6 // false
!==	Desigualdade: Compara dois valores e retorna o valor Booleano oposto ao que um operador de igualdade estrita retornaria	5 !== 6 // true

✅ Teste os seus conhecimentos escrevendo algumas comparações no console do navegador. Algum dos dados retornados surpreendeu-o?

Instrução If

A instrução if executará o código entre os seus blocos se a condição for verdadeira.

if (condition) {
  //Condition is true. Code in this block will run.
}

Os operadores lógicos são frequentemente usados para formar a condição.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
}

Instrução If..Else

A instrução else executará o código entre os seus blocos quando a condição for falsa. É opcional com uma instrução if.

let currentMoney;
let laptopPrice;

if (currentMoney >= laptopPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is false. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

✅ Teste a sua compreensão deste código e do código seguinte executando-o no console do navegador. Altere os valores das variáveis currentMoney e laptopPrice para mudar o valor retornado pelo console.log().

Instrução Switch

A instrução switch é usada para executar diferentes ações com base em diferentes condições. Use a instrução switch para selecionar um de vários blocos de código a serem executados.

switch (expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
  // code block
}

// program using switch statement
let a = 2;

switch (a) {
  case 1:
    a = "one";
    break;
  case 2:
    a = "two";
    break;
  default:
    a = "not found";
    break;
}
console.log(`The value is ${a}`);

✅ Teste a sua compreensão deste código e do código seguinte executando-o no console do navegador. Altere os valores da variável a para mudar o valor retornado pelo console.log().

Operadores Lógicos e Booleanos

As decisões podem exigir mais de uma comparação e podem ser encadeadas com operadores lógicos para produzir um valor Booleano.

Símbolo	Descrição	Exemplo
&&	E Lógico: Compara duas expressões Booleanas. Retorna true apenas se ambos os lados forem verdadeiros	(5 > 6) && (5 < 6 ) //Um lado é falso, o outro é verdadeiro. Retorna false
||	OU Lógico: Compara duas expressões Booleanas. Retorna true se pelo menos um dos lados for verdadeiro	(5 > 6) || (5 < 6) //Um lado é falso, o outro é verdadeiro. Retorna true
!	NÃO Lógico: Retorna o valor oposto de uma expressão Booleana	!(5 > 6) // 5 não é maior que 6, mas "!" retornará true

Condições e Decisões com Operadores Lógicos

Os operadores lógicos podem ser usados para formar condições em instruções if..else.

let currentMoney;
let laptopPrice;
let laptopDiscountPrice = laptopPrice - laptopPrice * 0.2; //Laptop price at 20 percent off

if (currentMoney >= laptopPrice || currentMoney >= laptopDiscountPrice) {
  //Condition is true. Code in this block will run.
  console.log("Getting a new laptop!");
} else {
  //Condition is true. Code in this block will run.
  console.log("Can't afford a new laptop, yet!");
}

Operador de Negação

Até agora, viu como pode usar uma instrução if...else para criar lógica condicional. Qualquer coisa que vá dentro de um if precisa ser avaliada como verdadeiro/falso. Usando o operador !, pode negar a expressão. Ficaria assim:

if (!condition) {
  // runs if condition is false
} else {
  // runs if condition is true
}

Expressões Ternárias

if...else não é a única forma de expressar lógica de decisão. Também pode usar algo chamado operador ternário. A sintaxe é a seguinte:

let variable = condition ? <return this if true> : <return this if false>

Abaixo está um exemplo mais concreto:

let firstNumber = 20;
let secondNumber = 10;
let biggestNumber = firstNumber > secondNumber ? firstNumber : secondNumber;

✅ Reserve um momento para ler este código algumas vezes. Compreende como estes operadores estão a funcionar?

O código acima afirma que:

• se firstNumber for maior que secondNumber
• então atribua firstNumber a biggestNumber
• caso contrário, atribua secondNumber.

A expressão ternária é apenas uma forma compacta de escrever o código abaixo:

let biggestNumber;
if (firstNumber > secondNumber) {
  biggestNumber = firstNumber;
} else {
  biggestNumber = secondNumber;
}

---

🚀 Desafio

Crie um programa que seja escrito primeiro com operadores lógicos e, em seguida, reescreva-o usando uma expressão ternária. Qual é a sua sintaxe preferida?

---

Questionário Pós-Aula

Questionário pós-aula

Revisão e Autoestudo

Leia mais sobre os muitos operadores disponíveis para o utilizador no MDN.

Explore o fantástico guia de operadores de Josh Comeau!

Tarefa

Operadores

Aviso Legal:
Este documento foi traduzido utilizando o serviço de tradução por IA Co-op Translator. Embora nos esforcemos pela precisão, esteja ciente de que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritária. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes do uso desta tradução.