Introdução

 à  Tecnologia  Web  
 
 
 
 
 
 
 
 
 
 
 
JavaScript  
Sintaxe:  Operadores  
 
 
 
 
 
 
 
 
 
 
 
Profª  MSc.  Elizabete  Munzlinger    
www.elizabete.com.br
 Profª  MSc.  Elizabete  Munzlinger  
www.elizabete.com.br

JavaScript  –  Operadores  
 
Índice  
 
1 – SINTAXE DA LINGUAGEM....................................................................................... 2  
1.1   – Operadores ...................................................................................................... 2  
Operadores Aritméticos ......................................................................................... 2  
Operadores de Atribuição ...................................................................................... 2  
Operadores de Incremento/Decremento................................................................. 2  
Operadores Relacionais ......................................................................................... 3  
Operadores Lógicos .............................................................................................. 3  
Operadores de Strings .......................................................................................... 4  
Referências Bibliográficas............................................................................................. 4  

1
 Profª  MSc.  Elizabete  Munzlinger  
www.elizabete.com.br

1  –  SINTAXE  DA  LINGUAGEM

1.1 –  Operadores  
Operadores são símbolos que representam operações que podem ser efetuadas sobre valores e
variáveis nos programas. As operações são efetuadas com objetivo de obter resultados para a resolução
de problemas.

Operadores  Aritméticos  
Operador Descrição Exemplo
+ Adição x = 100;
x = x + 20;
(x recebe 100)
(x recebe 120)
- Subtração x = 50;
y = x - 10;
(x recebe 50)
(y recebe 40)
z = 200 - x; (z recebe 150)
* Multiplicação a = 10;
b = a * 2;
(a recebe 10)
(b recebe 20)
/ Divisão d = b;
d = d * a;
(d recebe 20)
(d recebe 200)
% Módulo (resto da divisão entre 2 números) num = 12;
rest = num % 2;
(num recebe 12)
(rest recebe 0, pois
12 dividido por 2 é igual a 6, e sobra 0)

Operadores  de  Atribuição  

Operador Descrição Exemplo
= Atribuição simples x = 100;
a = x;
(x recebe 100)
(a recebe x)
+= Atribuição com adição x += 20;
equivalente a:
(x recebe x + 20)

x = x + 20;
-= Atribuição com subtração y -= 20;
equivalente a:
(y recebe y - 20)

y = y - 20;
*= Atribuição com multiplicação k *= 20;
equivalente a:
(k recebe k * 20)

k = k * 20;
/= Atribuição com divisão n /= 20;
equivalente a:
(n recebe n / 20)

n = n / 20;
%= Atribuição com módulo num = 12;
num %= 5;
(num recebe 12)
(num recebe 2, pois
12/5 é igual a 2, e
sobra 2. Assim, num
recebe a sobra)
equivalente a:
num = num % 5;

num = 14; (num recebe 14)

num %= 7; (num recebe 0, pois
14/7 é igual a 2, e
sobra 0)
equivalente a:
num = num % 7;

Operadores  de  Incremento/Decremento  

Operador Descrição Exemplo
++ Incremento em 1 Pós-Incremento:
x = 0; (x recebe 0)
x++; (x passa a ser 1)
x++; (x passa a ser 2)

z = x++; (z recebe 2, e x
passa a ser 3)

2
 Profª  MSc.  Elizabete  Munzlinger  
www.elizabete.com.br

Pré-Incremento:
x = 0; (x recebe 0)
z = ++x; (x passa a ser 1,
e z recebe 1)
-- Decremento em 1 Pós-Decremento:
x = 10; (x recebe 10)
x--; (x passa a ser 9)
x--; (x passa a ser 8)
z = x--; (z recebe 8, e x
passa a ser 7)

Pré-Decremento:
x = 5; (x recebe 5)
z = --x; (x passa a ser 4,
e z recebe 4)

Operadores  Relacionais  
Operador Descrição Exemplo
== Igual a x
a
= 100;
= 20;
(x recebe 100)
(a recebe 20)
x == a (false)
x == “a” (false)
x == 100; (true)

if (numero%2 == 0)
document.write(“Número par“);
!= Diferente de j = 100;
i = 20;
(j recebe 100)
(i recebe 20)
i != j (true)
i != “j” (true)
i != 20; (false)
< Menor que n1 = 10;
(n1 < 100)
(n1 recebe 10)
(true)
(n1 < 10) (false)
(n1 < 9) (false)
<= Menor ou Igual a n2 = 10;
(n2 <= 100)
(n2 recebe 10)
(true)
(n2 <= 10) (true)
(n2 <= 9) (false)
> Maior que n3 = 10;
(n3 > 100)
(n3 recebe 10)
(false)
(n3 > 10) (false)
(n3 > 9) (true)
>= Maior ou Igual a n4 = 10;
(n4 >= 100)
(n4 recebe 10)
(false)
(n4 >= 10) (true)
(n4 >= 9) (true)

if (idade >= 18)

document.write(“Acesso liberado“);

Operadores  Lógicos  
Operador Descrição Exemplo
&& E (and) x = 10;
y = 10;
(x < 100 && y > 1) (true)

x = 200;
y = 100;
(x < 100 && y > 1) (false)
|| OU (or) a = 23;
b = 5;
(a == 5 || b == 5) (true)
! Não/Inversão (not). Verdadeiro, se falso. d = 100;
e = 100;
Falso, se verdadeiro. !(d==e) (false)

3
 Profª  MSc.  Elizabete  Munzlinger  
www.elizabete.com.br

Operadores  de  Strings  

Operador Descrição Exemplo
+ Sinal de adição ou Vírgula: nome = “João”;
sobrenome = “Silva”;
(nome recebe João)
(nome recebe Silva)
, Efetua concatenação (união) de strings NomeCompleto = nome + sobrenome;
e/ou variáveis (NomeCompleto recebe JoãoSilva)
NomeCompleto = nome + “ ” + sobrenome;
(NomeCompleto recebe João Silva)

document.write(“Nome: ” + nome);
document.write(“Nome: ” , nome);
(imprime no documento Nome: João)

Referências  Bibliográficas  
1. CARDOSO,  Márdel.  Desenvolvimento  web  para  o  ensino  superior.  Rio  de  Janeiro:  Axcel  Books,  2004.    
2. CSS.W3C  Recomendation:  Cascading  Style  Sheets  Home  Page.  Disponível  online  em:  
[http://www.w3.org/Style/CSS/]  
3. DOCTYPE.  Recommended  list  of  DOCTYPE  W3C.  Disponível  online  em:  [http://www.w3.org/QA/2002/04/valid-­‐
dtd-­‐list.html]  
4. FREEMAN,  Eric,  FREEMAN,  Elisabeth.  Use  a  Cabeça:  HTML  com  CSS  e  XHTML  .  Rio  de  Janeiro:  Alta  Books,  2008.  
5. HTML.  HTML  Validator  W3C.  Disponível  online  em:  [http://validator.w3.org/]  
6. HTML.  HTML  Working  Group.  Disponível  online  em:  [http://www.w3.org/html/wg/]  
7. HTML.  Overview  of  HTML.  Disponível  online  em:  [http://www.w3.org/html/]  
8. HTML.  W3C  Recomendation:  HTML  4.01  Specification.  Disponível  online  em:  [http://www.w3.org/TR/html4/]  
9. MACEDO,  Marcelo  da  Silva.  Construindo  sites  adotando  padrões  Web.  Rio  de  Janeiro:  Ciência  Moderna,  2004.    
10. MARCONDES,  Christian  Alfim.  HTML  fundamental  4.0.  São  Paulo:  Érica,  2005.  
11. SILVA,  Maurício  Samy.  JavaScript    -­‐  Guia  do  programador.  São  Paulo:  Novatec,  2010.  
12. W3C.  Word  Wide  Web  Consortium.  Disponível  online  em:  [http://www.w3.org/]    
13. Webdesign.  Revista  Webdesign.  Rio  de  Janeiro:  Artecom,  2010.  
14. Wide.  Revista  Wide.  Rio  de  Janeiro:  Artecom,  2011.  
15. XHTML.  W3C  Recomendation:  XHTML  1.0  The  Extensible  HyperText  Markup  Language  (Second  Edition).  A  
Reformulation  of  HTML  4  in  XML  1.0.  Disponível  online  em:  [http://www.w3.org/TR/xhtml1/]