Operadores: mudanças entre as edições

De IFSC
Ir para navegação Ir para pesquisar
imported>Fargoud
imported>Fargoud
Sem resumo de edição
Linha 106: Linha 106:


===Exemplo:===
===Exemplo:===


  let V=5, V01, V02;
  let V=5, V01, V02;
Linha 113: Linha 112:
  console.log(V01); //V01 = 5;
  console.log(V01); //V01 = 5;
  console.log(V02); //V02 = 3;
  console.log(V02); //V02 = 3;
==EXEMPLO:==
<pre>
<!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!");
    }


=Operadores relacionais=
=Operadores relacionais=

Edição das 10h49min 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:

TabOpsmatem.png

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.

TabOpsAritm.png


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!");
    }

=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. 

[[image: tabOpsRel.png|center]]

==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.

[[image: tabOpsLog.png|center]]

==Operador AND ('''&&''')==

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

Segue a tabela-verdade abaixo:

[[image: tabAND.png|center]]


===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:

[[image: tabOR.png|center]]

===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''=''') =

[[image: TabOpsAtrib.png|center]]

O operador de atribuição <code> = </code> 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===


  ''<pre style="color: red">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

Disponível em “https://wiki.ifsc.edu.br/index.php?title=Operadores&oldid=20721”