Curso de JavaScript Aula 05 Trabalhando com Operadores e Expressões

Nessa vídeo aulas vamos aprender a trabalhar com os principais operadores e conhecer as expressões no JavaScript.  Seu conceito, seu escopo e suas diferentes formas de utilização.

O que são Expressões?

Uma expressão consiste em qualquer unidade válida de código que é resolvida como um valor. Conceitualmente, existem dois tipos de expressões: aquelas que atribuem um valor a uma variável e aquelas que simplesmente possuem um valor. A expressão x = 5 é um exemplo do primeiro tipo. Esta expressão utiliza o operador = para atribuir o valor cindo à variável x. A expressão em si é avaliada como cinco. O código 3 + 4 é um exemplo do segundo tipo de expressão. Esta expressão utiliza o operador + para somar três e quatro sem atribuir o resultado, sete, a uma variável.

O JavaScript possui as seguintes categorias de expressão:

  • Aritmética: é avaliada como um número, por exemplo 3.14159. (Geralmente utiliza operadores aritméticos).
  • String: é avaliada como uma string de caracteres, por exemplo, "Bobrinha" ou "1234". (Geralmente utiliza operadores de string).
  • Lógica: é avaliada como verdadeira ou falsa, true ou false. (Costuma envolver operadores lógicos).
  • Expressões primárias: Palavras reservadas e expressões gerais do JavaScript.
  • Expressão lado esquerdo: atribuição à esquerda de valores.

Operadores

O JavaScript possui os vários tipos de operadores. Iremos conhecer os principais e mais utilizados.

  • Operadores de atribuição
  • Operadores de comparação
  • Operadores aritméticos
  • Operadores lógicos

O JavaScript possui tanto operadores binários quanto unários e um operador ternário, o operador condicional. Um operador binário exige dois operandos, um antes do operador e outro depois.

operando1 operador operando2

Por exemplo, 3+4 ou x*y.

Um operador unário exige um único operando, seja antes ou depois do operador:

operador operando

ou

operando operador

Por exemplo, x++ ou ++x.

Operadores de atribuição

O operador de atribuição mais basico é o sinal de igual =, que atribui um valor a uma variável, por exemplo, x = 10, nesse caso é possível chamar o x de operando e o valor 10 também de operando, que ficaria assim: operando operador operando.

Operadores de atribuição composto
Nome Operador encurtado Significado

Atribuição

x = y

x = y

Atribuição de adição

x += y

x = x + y

Atribuição de subtração

x -= y

x = x - y

Atribuição de multiplicação

x *= y

x = x * y

Atribuição de divisão

x /= y

x = x / y

Atribuição de resto

x %= y

x = x % y

Atribuição exponencial

x **= y

x = x ** y

Atribuição bit-a-bit por deslocamento á esquerda

x <<= y

x = x << y

Atribuição bit-a-bit por deslocamento á direita

x >>= y

x = x >> y

Atribuiçãode bit-a-bit deslocamento á direita não assinado

x >>>= y

x = x >>> y

Atribuição AND bit-a-bit

x &= y

x = x & y

Atribuição XOR bit-a-bit

x ^= y

x = x ^ y

Atribuição OR bit-a-bit

x |= y

x = x | y

Operadores de comparação

Os comparadores de comparação retornam valores booleanos true (verdadeiro) ou false (falso). É feita uma compração entre duas expressões para verificar se são iguais ou diferentes. Os operandos podem ser numéricos, strings, lógicos ou objetos.

A tabela a seguir descreve os operadores de comparação levando em conta o seguinte código:

var var1 = 3;
var var2 = 4;
Operadores de comparação
Operador Descrição Exemplos que retornam verdadeiro

Igual ==

Retorna verdadeiro caso os operandos sejam iguais.

3 == var1

"3" == var1

3 == '3'

Não igual !=

Retorna verdadeiro caso os operandos não sejam iguais.

var1 != 4
var2 != "3"

Estritamente igual ===

Retorna verdadeiro caso os operandos sejam iguais e do mesmo tipo.

3 === var1

Estritamente não igual !==

Retorna verdadeiro caso os operandos não sejam iguais e/ou não sejam do mesmo tipo.

var1 !== "3"
3 !== '3'

Maior que >

Retorna verdadeiro caso o operando da esquerda seja maior que o da direita.

var2 > var1
"12" > 2

Maior que ou igual >=

Retorna verdadeiro caso o operando da esquerda seja maior ou igual ao da direita.

var2 >= var1
var1 >= 3

Menor que <

Retorna verdadeiro caso o operando da esquerda seja menor que o da direita.

var1 < var2
"12" < "2"

Menor que ou igual <=

Retorna verdadeiro caso o operando da esquerda seja menor ou igual ao da direita.

var1 <= var2
var2 <= 5

 

Operadores aritméticos

Operadores aritméticos tomam valores numéricos (sejam literais ou variáveis) como seus operandos e retornam um único valor númerico. Os operadores aritméticos padrão são os de soma (+), subtração (-), multiplicação (*) e divisão (/). Estes operadores trabalham da mesma forma como na maioria das linguagens de programação quando utilizados com números de ponto flutuante (em particular, repare que divisão por zero produz um NaN). Por exemplo:

console.log(1 / 2); /* imprime 0.5 */
console.log(1 / 2 == 1.0 / 2.0); /* isto também é verdadeiro */

Em complemento às operações aritméticas padrões (+, -, * /), o JavaScript disponibiliza os operadores aritméticos listados na tabela a seguir.

Operadores aritméticos
Operador Descrição Exemplo

Módulo %

Operador binário. Retorna o inteiro restante da divisão dos dois operandos.

12 % 5 retorna 2.

Incremento ++

Operador unário. Adiciona um ao seu operando. Se usado como operador prefixado (++x), retorna o valor de seu operando após a adição. Se usado como operador pós fixado (x++), retorna o valor de seu operando antes da adição.

Se x é 3, então ++x define x como 4 e retorna 4, enquanto x++retorna 3 e, somente então, define x como 4.

Decremento --

Operador unário. Subtrai um de seu operando. O valor de retorno é análogo àquele do operador de incremento.

Se x é 3, então --x define x como 2 e retorna 2, enquanto x--retorna 3 e, somente então, define x como 2.

Negação -

Operador unário. Retorna a negação de seu operando.

Se x é 3, então -x retorna -3.

Adição +

Operador unário. Tenta converter o operando em um número, sempre que possível.

+"3" retorna 3.

+true retorna 1.

Operador de exponenciação **

Calcula a base elevada á potência do expoente, que é base expoente

2 ** 3 retorna 8.

10 ** -1 retorna 0.1

 

Operadores lógicos

Operadores lógicos são utilizados tipicamente com valores booleanos (lógicos); neste caso, retornam um valor booleano. Entretanto, os operadores && e || na verdade retornam o valor de um dos operandos especificados, de forma que se esses operadores forem utilizados com valores não-booleanos, eles possam retornar um valor não-booleano. Os operadores lógicos são descritos na seguinte tabela.

Operadores lógico
Operador Utilização Descrição

AND lógico (&&)

expr1 && expr2

(E lógico) - Retorna expr1 caso possa ser convertido para falso; senão, retorna expr2. Assim, quando utilizado com valores booleanos, && retorna verdadeiro caso ambos operandos sejam verdadeiros; caso contrário, retorna falso.

OU lógico (||)

expr1 || expr2

(OU lógico) -  Retorna expr1 caso possa ser convertido para verdadeiro; senão, retorna expr2. Assim, quando utilizado com valores booleanos, || retorna verdadeiro caso ambos os operandos sejam verdadeiro; se ambos forem falsos, retorna falso.

NOT lógico (!)

!expr

(Negação lógica) Retorna falso caso o único operando possa ser convertido para verdadeiro; senão, retorna verdadeiro.



Hospedagem Profissional de Sites