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
+
Adição
Exemplo
-
Subtração
*
Multiplicação
/
Divisão
%
Módulo (resto da divisão entre 2 números)
x = 100;
(x recebe 100)
x = x + 20;
(x recebe 120)
x = 50;
(x recebe 50)
y = x - 10;
(y recebe 40)
z = 200 - x;
(z recebe 150)
a = 10;
(a recebe 10)
b = a * 2;
(b recebe 20)
d = b;
(d recebe 20)
d = d * a;
(d recebe 200)
num = 12;
(num recebe 12)
rest = num % 2;
(rest recebe 0, pois
12 dividido por 2 é igual a 6, e sobra 0)
Operadores de Atribuição Operador Descrição
=
Atribuição simples
+=
-=
*=
/=
%=
Exemplo
x = 100;
a = x;
x += 20;
equivalente
x = x + 20;
y -= 20;
equivalente
y = y - 20;
k *= 20;
equivalente
k = k * 20;
n /= 20;
equivalente
n = n / 20;
num = 12;
num %= 5;
Atribuição com adição
Atribuição com subtração
Atribuição com multiplicação
Atribuição com divisão
Atribuição com módulo
(x recebe 100)
(a recebe x)
(x recebe x + 20)
a:
(y recebe y - 20)
a:
(k recebe k * 20)
a:
(n recebe n / 20)
a:
(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 %= 7;
(num recebe 14)
(num recebe 0, pois
14/7 é igual a 2, e
sobra 0)
equivalente a:
num = num % 7;
Operadores de Incremento/Decremento Operador Descrição
++
Incremento em 1
Exemplo
Pós-Incremento:
2
x = 0;
x++;
x++;
(x recebe 0)
(x passa a ser 1)
(x passa a ser 2)
z = x++;
(z recebe 2, e x
passa a ser 3)
Profª MSc. Elizabete Munzlinger www.elizabete.com.br
Pré-Incremento:
x = 0;
z = ++x;
--
Decremento em 1
(x recebe 0)
(x passa a ser 1,
e z recebe 1)
Pós-Decremento:
x = 10;
x--;
x--;
z = x--;
(x recebe 10)
(x passa a ser 9)
(x passa a ser 8)
(z recebe 8, e x
passa a ser 7)
Pré-Decremento:
x = 5;
z = --x;
(x recebe 5)
(x passa a ser 4,
e z recebe 4)
Operadores Relacionais Operador Descrição
==
Igual a
!=
<
<=
>
>=
Exemplo
x
a
x
x
x
= 100;
= 20;
== a
== “a”
== 100;
(x recebe 100)
(a recebe 20)
(false)
(false)
(true)
if (numero%2 == 0)
document.write(“Número par“);
j = 100;
(j recebe 100)
i = 20;
(i recebe 20)
i != j
(true)
i != “j”
(true)
i != 20;
(false)
n1 = 10;
(n1 recebe 10)
(n1 < 100)
(true)
(n1 < 10)
(false)
(n1 < 9)
(false)
n2 = 10;
(n2 recebe 10)
(n2 <= 100)
(true)
(n2 <= 10)
(true)
(n2 <= 9)
(false)
n3 = 10;
(n3 recebe 10)
(n3 > 100)
(false)
(n3 > 10)
(false)
(n3 > 9)
(true)
n4 = 10;
(n4 recebe 10)
(n4 >= 100)
(false)
(n4 >= 10)
(true)
(n4 >= 9)
(true)
Diferente de
Menor que
Menor ou Igual a
Maior que
Maior ou Igual a
if (idade >= 18)
document.write(“Acesso liberado“);
Operadores Lógicos Operador Descrição
&&
E (and)
||
!
Exemplo
x = 10;
y = 10;
(x < 100 && y > 1)
OU (or)
Não/Inversão (not). Verdadeiro, se falso.
Falso, se verdadeiro.
3
x = 200;
y = 100;
(x < 100 && y > 1)
a = 23;
b = 5;
(a == 5 || b == 5)
d = 100;
e = 100;
!(d==e)
(true)
(false)
(true)
(false)
Profª MSc. Elizabete Munzlinger www.elizabete.com.br
Operadores de Strings Operador Descrição
+
Sinal de adição ou Vírgula:
Efetua concatenação (união) de strings
,
e/ou variáveis
Exemplo
nome = “João”;
(nome recebe João)
sobrenome = “Silva”;
(nome recebe Silva)
NomeCompleto = nome + sobrenome;
(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/] 4