Operadores

Operadores aritméticos

Os operadores aritméticos são usados para realizar operações aritméticas entre variáveis e / ou valores.

OperadorDescriçãoExemploxy
+Adiçãox=y+275
Subtracçãox=y-235
*Multiplicaçãox=y*2105
**Exponenciação (ES6)x=y**31255
/Divisãox=y/22.55
%Modulus (resto de divisão)x=y%215
++Incrementox=++y66
x=y++56
Decrementox=–y44
x=y–54

O operador + em strings (concatenação de strings)

O operador + pode ser usado entre strings para as unir (concatenar):

txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;


O resultado, na variável txt3, será:

What a very nice day

NOTA: Se adicionar um número a uma string, o resultado será uma string:

y="5"+5; 
z="Hello"+5; 

O resultado será:
y=”55″
z=”Hello5″

Literais de template

Uma template string é uma string envolta em caracteres backticks (`aaa`).

Podemos interpolar valores de variáveis numa template string. A interpolação é feita da seguinte maneira:

let nome = "Xico"; 
let idade = 15; 

console.log(`o meu nome é ${nome} e a minha idade é ${idade}`);

O output será: “O meu nome é Xico e a minha idade é 15.”

Podemos dividir uma template string por várias linhas:

let nome = "Xico"; 
let idade = 15; 

let str = `o meu nome é 
${nome} 
e a minha idade é ${idade}`; 

console.log(str); 

O output será:

“o meu nome é
Xico
e a minha idade é 15″

Operadores de atribuição

Os operadores de atribuição em JavaScript permitem atribuir valores a variáveis e, em muitos casos, realizar operações ao mesmo tempo.

OperadorDescriçãoExemploEquivalência
=Atribuiçãox = yx = y
+=Soma e atribuix += yx = x + y
-=Subtrai e atribuix -= yx = x – y
*=Multiplica e atribuix *= yx = x * y
/=Divide e atribuix /= yx = x / y
%=Resto e atribuix %= yx = x % y

Operadores relacionais

Os operadores relacionais e lógicos são usados em condições para testar se esta é verdadeira ou falsa .

Os operadores relacionais são usados em expressões lógicas para determinar a igualdade ou diferença entre as variáveis ou valores.

Sendo x = 5 , a tabela abaixo explica os operadores relacionais:

OperadorDescriçãoOperaçãoResultado
==Igual ax == 8false
===Exatamente igual a (valor e tipo)x === ‘5’false
!=Diferente dex != 8true
!==Diferente (valor e tipo)x !== ‘5’true
>Maiorx > 8false
>=Maior ou igualx >= 4true
<Menorx < 8true
<=Menor ou igualx <= 5true

Operadores lógicos

Os operadores lógicos são utilizados para determinar a relação lógica entre as variáveis ou valores.

Dado que x = 6 e y = 3 , o quadro que se segue explica os operadores lógicos:

OperadorDescriçãoExemploResultado
&&andx < 10 && y > 1true
||orx==5 || y==5false
!not!(x==y) true

Operador condicional (ternário)

O JavaScript possui um operador condicional, que atribui um valor a uma variável baseada em alguma condição.

Sintaxe:

nome_variavel=(condicao)?valor1:valor2

valor1 é atribuido à variavel nome_variavel se a condição fôr verdadeira; caso contrário será atribuido valor2 à variável.

Exemplo:

pessoa=(idade<18)?"Adolescente":"Adulto";

Se a variável idade tem um valor inferior a 18, o valor da variável pessoa será “Adolescente”, caso contrário, o valor de pessoa será “Adulto”: