Edição atual tal como às 10h59min de 26 de abril de 2022

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;

EXEMPLO:

 <!doctype html><html lang="pt-br">	
 <head>		
  <title>Exemplo de Operadores em Javascript </title>		
  <meta charset="utf-8">	
 </head>	
 <body>		
   <p id="change">"VERIFICADOR DE PARIDADE"</p>		 		
   <script>
     var n = window.prompt("Verifique um número", "Escreva seu número aqui");  
             //Lê um texto digitado pelo usuário
     n = parseInt(n); //Converte o texto para número inteiro
     if (n == 0) //checa se o número é igual a 0
    {
      alert("O número é zero!");
    }
    else if (n%2)  //Checa se o resto da divisão do número por 2 é diferente de zero
    {
       alert("O número é ímpar!");
    }
    else
   {
       alert("O número é par!");
    }
   </script> 
      
  </body>
  </html>

Este programa abre uma janela de leitura de texto, lê um número e diz se ele é igual a zero, ou é ímpar, ou par.

Note que aqui usamos:

o evento window.prompt(), para ler o texto digitado pelo usuário;
a função parseInt(), que converte estes dados (que sempre são lidos como texto/string), para número inteiro;
o método alert(), para abrir uma janela pop-up e escrever uma mensagem ao usuário;
as instruções if-else, para tomada de decisão, sobre o que fazer com o número lido.

A página Funções mais usadas explica o uso dos eventos e funções. E a página ESTRUTURAS DE CONTROLE - Instrução if-else explica a instrução if-else.

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=Number(window.prompt("Entre com um valor x: "));
      var y =Number(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>

Note que aqui usamos o evento window.prompt(), para ler dados digitados pelo usuário e a função Number(), que converte estes dados (que sempre são lidos como texto/string), para números.

A página Funções mais usadas explica o uso de ambos os métodos.

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

<<= Página do curso

Operadores: mudanças entre as edições

Edição atual tal como às 10h59min de 26 de abril de 2022

Operadores JS

Operadores Matemáticos

Adição (+)

Exemplo:

Subtração (-)

Exemplo:

Multiplicação (*)

Exemplo:

Divisão (/)

Exemplo:

Resto da divisão inteira (%)

Exemplo:

Incremento (++)

Sintaxe

Exemplo:

Decremento (--)

Sintaxe

Exemplo:

EXEMPLO:

Operadores relacionais

Operador Menor que (<)

Exemplo:

Operador Menor ou igual a (<=)

Exemplo:

Operador Maior que (>)

Exemplo:

Operador Maior ou igual a (>=)

Exemplo:

Operador de Igualdade (==)

Exemplo:

Operador de Desigualdade (!=)

Exemplo:

Operadores lógicos

Operador AND (&&)

Exemplo:

Operador OR (||)

Exemplo:

Operador de Negação (!)

Exemplo:

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

Sintaxe

Exemplos

Menu de navegação

Pesquisa