Operadores

Operadores JS

Os operadores JavaScript são, basicamente, os mesmos das linguagens C/C++.

Uma explicação mais detalhada, completa e aprofundada sobre eles pode ser encontrada no curso de linguagem C, da Profa Fernanda.

A tabela abaixo sumariza os operadores JS:

Operadores Matemáticos

Operadores matemáticos, ou aritméticos, são aqueles que expressam equações matemáticas, utilizando valores ou variáveis numéricas.

Adição (+)

Para somar dois valores, ou variáveis, em JS, basta utilizar o operador "+":

Exemplo:

let V, V01=5, V02=2;
V=V01+V02 // resulta em: 7
console.log(V);

Subtração (-)

Para subtrair dois valores, ou variáveis, em JS, basta utilizar o operador "-":

Exemplo:

let V, V01=5, V02=2;
V=V01-V02; // resulta em: 3
console.log(V);

Multiplicação (*)

Para multiplicar dois valores, ou variáveis, em JS, basta utilizar o operador "*":

Exemplo:

let V, V01=5, V02=2;
V=V01*V02; // resulta em: 10
console.log(V);

Divisão (/)

Para dividir dois valores, ou variáveis, em JS, basta utilizar o operador "/":

Exemplo:

let V, V01=5, V02=2;
V=V01/V02 // resulta em: 2,5
console.log(V);

Resto da divisão inteira (%)

Para obter o resto da divisão de dois valores, ou variáveis inteiras, em JS, basta utilizar o operador "%":

Exemplo:

let V, V01=5, V02=2;
V=V01%V02 // resulta em: 1
console.log(V);

Incremento (++)

Para incrementar uma variável, em JS, basta utilizar o operador "++". Este incremento pode ser antes do uso do valor da variável, ou depois:

Sintaxe

Pré-incremento - primeiro incrementa o valor da variável, depois o utiliza na expressão ou equação:

++nome_variável 

Pós-incremento - primeiro utiliza o valor da variável, depois o incrementa na expressão ou equação:

nome_variável++ 

Exemplo:

let V=5, V01, V02;
V01=V++;
V02 = ++V;
console.log(V01); //V01 = 5;
console.log(V02); //V02 = 7;

Decremento (--)

Para decrementar uma variável, em JS, basta utilizar o operador "--". Este decremento pode ser antes do uso do valor da variável, ou depois:

Sintaxe

Pré-decremento - primeiro decrementa o valor da variável, depois o utiliza na expressão ou equação:

--nome_variável 

Pós-decremento - primeiro utiliza o valor da variável, depois o decrementa na expressão ou equação:

nome_variável-- 

Exemplo:

let V=5, V01, V02;
V01=V--;
V02 = --V;
console.log(V01); //V01 = 5;
console.log(V02); //V02 = 3;

Operadores relacionais

Os operadores relacionais são usados para comparar dois valores ou variáveis e retornam um valor booleano TRUE ou FALSE, baseado no resultado da comparação.

Operador Menor que (<)

Compara se um valor é menor que o outro.

Exemplo:

let x=5, y = 10;
console.log(x < y); //vai imprimir True (Verdadeiro)

Operador Menor ou igual a (<=)

Compara se um valor é menor ou igual a outro.

Exemplo:

let x=5, y = 10, z = 5;
console.log(x <= y); //vai imprimir True (Verdadeiro)
console.log(x <= z); //vai imprimir True (Verdadeiro)

Operador Maior que (>)

Compara se um valor é menor que o outro.

Exemplo:

let x=5, y = 10;
console.log(x > y); //vai imprimir False (Falso)

Operador Maior ou igual a (>=)

Compara se um valor é maior ou igual a outro.

Exemplo:

let x=5, y = 10, z = 5;
console.log(x >= y); //vai imprimir False (Falso)
console.log(x >= z); //vai imprimir True (Verdadeiro)

Operador de Igualdade (==)

Compara se um valor é igual a outro.

Exemplo:

let x=5, y = 10, z = 5;
console.log(x == y); //vai imprimir False (Falso)
console.log(x == z); //vai imprimir True (Verdadeiro)

Operador de Desigualdade (!=)

Compara se um valor é diferente do outro.

Exemplo:

let x=5, y = 10, z = 5;
console.log(x != y); //vai imprimir True (Verdadeiro)
console.log(x != z); //vai imprimir False (Falso)

Operadores lógicos

Os operadores lógicos são usados para comparar dois valores ou variáveis booleanas e retornam um valor booleano TRUE ou FALSE, baseado no resultado da comparação lógica.

Em JS, quando a variável não é booleana, o valor Falso é atribuído às variáveis com valor zero ("0") e o valor Verdadeiro, às variáveis com valor diferente de zero.

Operador AND (&&)

Compara se ambos os valores são verdadeiros, ao mesmo tempo.

Segue a tabela-verdade abaixo:

Exemplo:

let x=true, y = false;
let z = true;
console.log(x && y); //vai imprimir False (Falso)
console.log(x && z); //vai imprimir True (Verdadeiro)

Operador OR (||)

Compara se pelo menos um dos valores é verdadeiro, ou ambos.

Segue a tabela-verdade abaixo:

Exemplo:

let x=false, y = false;
let z = true;
console.log(x || y); //vai imprimir False (Falso)
console.log(x || z); //vai imprimir True (Verdadeiro)

Operador de Negação (!)

Inverte o valor booleano da variável: se for Verdadeiro (true), o operador transforma em Falso (false), e vice-versa.

Exemplo:

let x=false, y = true;
console.log(!x); //vai imprimir True (Verdadeiro)
console.log(!y); //vai imprimir False (Falso)

Operadores de atribuição reduzida (operação=)

O operador de atribuição = realiza a operação simples de copiar um valor para uma variável, como já fizemos desde o início do curso.

Porém, quando utilizado com outros operadores, ele realiza a operação de atualizar o valor de uma variável. Isto é, o valor desta variável é lido, alguma operação é realizada nele, e o valor atualizado é armazenado de volta, nesta mesma variável.

Sintaxe

nome_variável operador= valor 

Cada operador realiza a operação de atualização correspondente:

Soma reduzida:

nome_variável += valor 

Subtração reduzida:

nome_variável -= valor 

Multiplicação reduzida:

nome_variável *= valor 

Divisão reduzida:

nome_variável /= valor 

Módulo reduzido:

nome_variável %= valor 

Exemplos

Seja a variável x = 11 , por exemplo:

x+=5 // é o mesmo que: x=x+5, ou seja, x agora é igual a 16
x-=5 // é o mesmo que: x=x-5, ou seja, x agora é igual a 6
x*=5 // é o mesmo que: x=x*5, ou seja, x agora é igual a 55
x/=5 // é o mesmo que: x=x/5, ou seja, x agora é igual a 2,5
x%=5 // é o mesmo que: x=x%5, ou seja, x agora é igual a 1

Teste o programa exemplo abaixo, num arquivo HTML:

 <!doctype html><html lang="pt-br">	
 <head>		
  <title>Exemplo de Operadores em Javascript </title>		
  <meta charset="utf-8">	
 </head>	
 <body>		
   <p id="change">"CALCULADORA"</p>		<!-- Iniciando o JS-->			
   <script>
 
      var x=parseInt(window.prompt("Entre com um valor x: "));
      var y =parseInt(window.prompt("Entre com um valor y: "));
      document.write("<p> x + y =  ", x+y );
      document.write("<p> x - y = ", x-y);
      document.write("<p> x * y = ", x*y);
      document.write("<p> x / y = ", x/y);
      document.write("<p> x % y = ", x%y);
      document.write("<p> x != y ? -> ", x!=y);
      document.write("<p> x == y ? -> ", x==y);
      document.write("<p> x > y ? -> ", x>y);
      document.write("<p> x < y ? -> ", x<y);
      document.write("<p><p> Agora, vamos ver o efeito da atribuição reduzida:");	  
      document.write("<p> x += y -> ", x+=y );  	  
      document.write("<p> x -= y -> ", x-=y);
      document.write("<p> x *= y -> ", x*=y);
      document.write("<p> x /= y -> ", x/=y);
      document.write("<p> x %= y -> ", x%=y);
      	  
    </script> 
      
  </body>
 </html> 

---

<< AULA 2 - Tipos de Dados	AULA 3 - OPERADORES	AULA 4 - Array>>

<<= Página do curso