OPERADORES JAVA SCRIPT

Os operadores são símbolos utilizados no JavaScript para realizar operações com valores e variáveis. Eles permitem executar cálculos matemáticos, comparar informações, atribuir valores e criar condições dentro de um programa.

Os operadores são fundamentais para desenvolver a lógica de uma aplicação, permitindo que o JavaScript tome decisões e execute diferentes ações de acordo com os resultados das operações.

Principais categorias de operadores:

• Aritméticos: realizam operações matemáticas, como soma, subtração, multiplicação e divisão.
• Atribuição: atribuem ou atualizam valores em variáveis.
• Comparação: comparam dois valores e retornam verdadeiro (true) ou falso (false).
• Lógicos: combinam condições utilizando operadores como E (&&), OU (||) e NÃO (!).

Exemplo prático:

var idade = 20;
var maiorDeIdade = idade >= 18;

document.write(maiorDeIdade);Code language: JavaScript (javascript)

Nesse exemplo, o operador >= verifica se a idade é maior ou igual a 18. Como o resultado é verdadeiro, o JavaScript retorna true.

.

Operadores incrementais

Os operadores incrementais permitem aumentar ou diminuir o valor de uma variável de forma mais eficiente. Em JavaScript, os dois operadores principais dessa categoria são:

• Incremento (++): adiciona 1 ao valor da variável.
• Decremento (--): subtrai 1 do valor da variável.

Esses operadores podem ser usados de duas formas:

• Pós-fixado (variavel++ ou variavel--): o valor da variável é utilizado antes da alteração.
• Pré-fixado (++variavel ou --variavel): o valor é alterado antes de ser utilizado.

Exemplo:

var x = 15;
console.log(x++); // Exibe 15 e depois incrementa x para 16
console.log(++x); // Incrementa x para 17 e exibe 17Code language: JavaScript (javascript)

.

Operadores comparativos

Os operadores comparativos são usados para comparar valores e retornar um booleano (true ou false). Eles são fundamentais para expressões condicionais e tomadas de decisão.

Principais operadores comparativos:

• Igualdade solta (==): compara os valores sem considerar o tipo.
• Igualdade estrita (===): compara os valores e os tipos.
• Diferente (!=): verifica se os valores são diferentes.
• Diferente estrito (!==): verifica se os valores e tipos são diferentes.
• Maior (>), menor (<), maior ou igual (>=), menor ou igual (<=): comparam valores numéricos.

.

Exemplo:

console.log(5 == ‘5’); // true (compara apenas o valor)
console.log(5 === ‘5’) // false (compara valor e tipo)
console.log(10 > 8); // true”

Operadores Aritméticos


Os operadores aritméticos realizam operações matemáticas sobre valores numéricos.

Principais operadores aritméticos:

• Adição (+): soma dois valores.
• Subtração (–): subtrai um valor de outro.
• Multiplicação (*): multiplica dois valores.
• Divisão (/): divide um valor pelo outro.
• Módulo (%): retorna o resto da divisão.
• Exponenciação (**): eleva um número a uma potência.

var a = 12, b = 3;
console.log(a + b); // 15
console.log(a - b); // 9
console.log(a * b); // 36
console.log(a / b); // 4
console.log(a % b); // 0
console.log(a ** b); // 1728Code language: JavaScript (javascript)

Operadores lógicos

Os operadores lógicos são usados para combinar expressões booleanas, resultando em valores true ou false. Eles são fundamentais em expressões condicionais.

Principais operadores lógicos:

• E (&&): retorna true se ambas as expressões forem verdadeiras.
• OU (||): retorna true se pelo menos uma das expressões for verdadeira.
• NÃO (!): inverte o valor booleano.

Exemplo:

var idade = 16;
var habilitado = false;

console.log(idade >= 18 && habilitado); // false
console.log(idade < 18 || habilitado);  // true
console.log(!habilitado);               // trueCode language: JavaScript (javascript)

.

Operadores Incrementais – Na Prática

1. Baixe o arquivo incrementais.zip, extraia e abra o arquivo incrementais.html no Visual Studio Code.
2. Clique na linha 16 para iniciar o código JavaScript. Lembre-se de indentar o código pressionando a tecla Tab uma vez para posicionar o cursor.
3. Nesse arquivo, você já tem preparadas todas as marcações HTML. Existem quatro parágrafos identificados com seus respectivos Ids, onde serão mostrados os resultados das variáveis após a execução dos códigos.
4. Confira conforme a seguir

5. Digite o seguinte comentário: // Criação das variáveis e aperte a tecla Enter.
6. Agora, crie as seguintes variáveis:
   var a = 1;
   var b = 1;
   var c = 1;
   var d = 1;
7. Logo abaixo das variáveis, vamos inserir mais dois comentários a partir da linha 22:
   // O incremento antes aumenta antes
   // O incremento depois aumenta depois”

8. Na linha 25, insira as seguintes instruções:

a = ++a;
b = b++;
d = --d;

9. Para organizar melhor o código, deixe uma linha em branco e, na linha 29, adicione a estrutura de repetição:

for(var cont = 1; cont <= 3; cont++){
    c = c + cont;
}Code language: HTML, XML (xml)

10. Após inserir os comandos, observe o resultado obtido até aqui e confira como os valores das variáveis foram modificados.

11. Você utilizou, na linha 25, os símbolos (++) antes da variável, que representam um incremento, ou seja, a variável será incrementada no primeiro momento de sua apa- rição. Observe que, na linha 17, você criou a variável a e atribuiu a ela o valor 1, porém, na linha 25, incrementou com (+1).
    
12. Agora observe a diferença na linha 26: os mesmos símbolos foram usados, mas estão após a variável b. Com isso, ela só será incrementada a partir de sua segunda aparição.
    
13. Na linha 27, os símbolos (–) representam um decremento, ou seja, a variável será decrementada (-1) e, seguindo o mesmo princípio, se estiver antes da variável, ela será decrementada na sua primeira aparição; já se o decremento estiver após a variável, ela será decrementada em sua segunda aparição.
    
14. Para finalizar, você criou um laço de repetição a partir da linha 29. Nesse laço foi criada uma variável chamada cont que inicia com o valor 1; depois, temos seu valor final, que será 3, e, no fim, seu incremento após a segunda aparição. Resumindo, esse laço se lê assim: para a variável cont iniciando em 1, enquanto ela for menor ou igual a 3, incrementa-se +1. Para cada aparição dessa variável cont, será atribuída à variável c.
    
15. Para ver o resultado deste exercício, digite os seguintes códigos a partir da linha 33:
    document.getElementById(‘teste1’).innerHTML += a;
    document.getElementById(‘teste2’).innerHTML += b;
    document.getElementById(‘teste3’).innerHTML += c;
    document.getElementById(‘teste4’).innerHTML += d;
    
16. Salve seu arquivo.
    
17. Confira a seguir:

Observe o resultado no navegador:

Observe os valores finais de cada variável:

Na linha 25, o incremento foi realizado antes da utilização da variável. Por isso, a variável a passa a ter o valor 2.
Na linha 26, o incremento aconteceu depois da utilização. Dessa forma, a variável b permanece com o valor 1.
Na linha 27, o decremento foi realizado antes da utilização, fazendo com que a variável d tenha o valor 4.

A partir da linha 29, foi criado um laço de repetição. Com isso, o valor final da variável c é 7, pois seu conteúdo foi acumulado a cada execução do laço.

Nesse exemplo, temos dois conceitos novos que serão abordados em um próximo post: laço de repetição e variável acumuladora.