7 tipos de operadores de JavaScript que você deve conhecer

Um operador é um símbolo que informa ao intérprete para realizar uma operação matemática, relacional ou lógica específica. Os operadores usam um ou mais operandos e são capazes de manipular valores de destino ou operandos.

Neste artigo, você aprenderá sobre diferentes operadores em JavaScript e como usá-los com exemplos.

Tipos de operador de JavaScript

Estes são os vários operadores que o JavaScript suporta:

1. Operadores aritméticos
2. Operadores de atribuição
3. Operadores de string
4. Operadores de comparação
5. Operadores lógicos
6. Operadores bit a bit
7. Operadores especiais

1. Operadores aritméticos

Você pode usar operadores aritméticos para realizar cálculos matemáticos nos operandos. JavaScript fornece os seguintes operadores aritméticos:

Operador de adição (+)

Você pode usar o operador de adição (+) para realizar a adição nos operandos.

deixe a = 12;
deixe b = 10;
deixe resultado = a + b;
console.log (resultado)
console.log (1 + 2);
console.log (a + 6);

Saída:

22
3
18

Operador de subtração (-)

Use o operador de subtração (-) para subtrair o operando direito do operando esquerdo.

deixe a = 10;
seja b = 4;
deixe resultado = a-b;
console.log (resultado);
console.log (23-20);

Saída:

6
3

Operador de multiplicação (*)

Faça uso do operador de multiplicação (*) para multiplicar os operandos.

deixe a = 10;
seja b = 4;
deixe resultado = a * b;
console.log (resultado);
console.log (23 * 20);

Saída:

40
460

Operador de Divisão (/)

Você pode usar o operador de divisão (/) para realizar a divisão nos operandos.

deixe a = 10;
seja b = 4;
deixe resultado = a / b;
console.log (resultado);
console.log (40/20);

Saída:

2.5
2

Operador de Módulo (%)

O operador de módulo (%) retorna o resto inteiro mergulhando dois operandos.

deixe a = 10;
seja b = 4;
deixe resultado = a% b;
console.log (resultado);
console.log (40% 20);

Saída:

2
0

Operador de exponenciação (**)

O operador de exponenciação (**) calcula a base para a potência do expoente (base ^ expoente).

deixe a = 3;
console.log (a ** 4);

Saída:

81

Operador de incremento (++)

O operador de incremento (++) aumenta o valor inteiro em um.

deixe a = 3;
// Valor de a = 4 e retorna 4
console.log (++ a);
// Valor de a = 5 e retorna 4
console.log (a ++);
// Valor de a = 5 e retorna 5
console.log (a);

Saída:

4
4
5

Operador de decremento (-)

O operador de decremento (--) diminui o valor inteiro em um.

deixe a = 3;
// Valor de a = 2 e retorna 2
console.log (- a);
// Valor de a = 1 e retorna 2
console.log (a--);
// Valor de a = 1 e retorna 1
console.log (a);

Saída:

2
2
1

Operador Unário Plus (+)

O operador mais unário (+) tenta converter o operando em um número, se ainda não for um.

console.log (typeof ("10"));
console.log (typeof (+ "10"));
console.log (typeof (false));
console.log (typeof (+ false));

Saída:

fragmento
número
boleano
número

Operador de Negação Unário (-)

O operador de negação unário (-) retorna a negação de seu operando.

deixe a = 10;
console.log (-a);

Saída:

-10

2. Operadores de atribuição

Use operadores de atribuição para atribuir valores a variáveis. JavaScript fornece os seguintes operadores de atribuição:

Operador de Atribuição (=)

Você pode usar o operador de atribuição (=) para atribuir o valor do operando direito ao operando esquerdo.

// Atribuindo 10 a um
deixe a = 10;
console.log (a);

Saída:

10

Operador de Atribuição de Adição (+ =)

O operador de atribuição de adição (+=) é usado para adicionar os valores dos operandos esquerdo e direito e atribuir o resultado ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a + b
a + = b;
console.log (a);

Saída:

15

Operador de atribuição de subtração (- =)

O operador de atribuição de subtração (-=) subtrairá o operando direito do operando esquerdo e atribuirá o resultado ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a-b
a - = b;
console.log (a);

Saída:

5

Operador de atribuição de multiplicação (* =)

Use o operador de atribuição de multiplicação (*=) para multiplicar os valores do operando esquerdo e direito e atribuir o resultado ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a * b
a * = b;
console.log (a);

Saída:

50

Operador de Atribuição de Divisão (/ =)

Você pode usar o operador de atribuição de divisão (/=) para dividir o valor do operando esquerdo pelo valor do operando direito e atribuir o resultado ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a / b
a / = b;
console.log (a);

Saída:

2

Operador de atribuição restante (% =)

O operador de atribuição restante (%=) divide o operando esquerdo pelo operando direito e atribui o restante ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a% b
a% = b;
console.log (a);

Saída:

0

Operador de atribuição de exponenciação (** =)

O operador de atribuição de exponenciação (**=) eleva o operando esquerdo à potência do operando direito e atribui o resultado ao operando esquerdo.

deixe a = 10;
deixe b = 5;
// Equivalente a a = a ** b
a ** = b;
console.log (a);

Saída:

100000

Os operadores de atribuição bit a bit (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) funcionam de forma semelhante. Você aprenderá sobre os operadores bit a bit nas próximas seções.

Relacionado: Uma introdução aos tipos de dados em JavaScript

3. Operadores de string

O operador de concatenação (+) é usado para concatenar (adicionar) strings.

let result = "Make" + "Use" + "Of";
console.log (resultado);

Saída:

Fazer uso de

4. Operadores de comparação

Operadores de comparação são usados ​​para comparar operandos e retorna um valor lógico (verdade ou falso) com base na comparação. JavaScript fornece os seguintes operadores de comparação:

Operador igual (==)

O operador igual (==) retorna verdade se os operandos são iguais. Ele apenas compara os valores dos operandos, ignorando seu tipo durante a comparação.

console.log (2 == 4);
console.log ("2" == 2);

Saída:

falso
verdade

Operador diferente (! =)

Operador diferente (!=) retorna verdade se os operandos não forem iguais. Ele também ignora o tipo de operandos durante a comparação.

console.log (2! = 4);
console.log (2! = "2");

Saída:

verdade
falso

Operador estrito igual ()

O operador estritamente igual () retorna verdade se os operandos são iguais. Ele compara ambos - os valores e tipos de operandos durante a comparação.

console.log (24);
console.log ("2" 2);

Saída:

falso
falso

Operador estrito diferente (! ==)

O operador estrito não igual (!==) retorna verdade se os operandos não forem iguais. Ele também compara ambos - os valores e tipos de operandos durante a comparação.

console.log (2! == 4);
console.log (2! == "2");

Saída:

verdade
verdade

Maior que o operador (>)

O operador maior que (>) retorna verdadeiro se o operando esquerdo for maior que o operando direito.

console.log (10> 4);
console.log (5> 5);

Saída:

verdade
falso

Operador maior que ou igual (>=)

O operador maior ou igual (>=) retorna verdadeiro se o operando esquerdo for maior ou igual ao operando direito.

console.log (10> = 4);
console.log (5> = 5);

Saída:

verdade
verdade

Menor que o operador (

O operador menor que (<) retorna verdadeiro se o operando esquerdo for menor que o operando direito.

console.log (10 <4);
console.log (5 <5);

Saída:

falso
falso

Operador menor ou igual (<=)

O operador menor ou igual (<=) retorna verdadeiro se o operando esquerdo for menor ou igual ao operando direito.

console.log (10 <= 4);
console.log (5 <= 5);

Saída:

falso
verdade

Relacionado: Como construir uma calculadora simples usando HTML, CSS e JavaScript

5. Operadores lógicos

De acordo com o oficial MDN Docs, JavaScript fornece os seguintes operadores lógicos:

E lógico (&&)

Uso: expr1 && expr2

Retorna expr1 se puder ser convertido em falso; caso contrário, retorna expr2. Quando usado com valores booleanos, && retorna verdade se ambos os operandos forem verdadeiros; caso contrário, ele retorna falso.

console.log (verdadeiro && falso);

Saída:

falso

OR lógico (||)

Uso: expr1 || expr2

Retorna expr1 se puder ser convertido em verdadeiro; caso contrário, retorna expr2. Quando usado com valores booleanos, || retorna verdade se qualquer operando for verdadeiro; se ambos forem falsos, retorna falso.

console.log (verdadeiro || falso);

Saída:

verdade

NOT lógico (!)

Uso:! expr

Devoluções falso se seu único operando pode ser convertido em verdadeiro; caso contrário, retorna verdade.

console.log (! true);

Saída:

falso

6. Operadores bit a bit

JavaScript fornece os seguintes operadores bit a bit:

Operador AND bit a bit (&)

Este operador executa um Boolean E operação em cada bit de seus argumentos inteiros.

// Em binário-
// 4: 100
// 1: 001
console.log (4 e 1);

Saída:

0

Operador OR bit a bit (|)

Este operador executa um Boolean OU operação em cada bit de seus argumentos inteiros.

console.log (4 | 1);

Saída:

5

Operador XOR bit a bit (^)

Este operador executa um Boolean exclusivo OU operação em cada bit de seus argumentos inteiros.

console.log (4 ^ 1);

Saída:

5

Operador NOT bit a bit (~)

Este operador inverte todos os bits do operando.

console.log (~ 4);

Saída:

-5

Observação: JavaScript converte números em inteiros assinados de 32 bits antes de realizar uma operação bit a bit. E quando a operação é executada, ele converte o resultado de volta para números de JavaScript de 64 bits.

Operador de deslocamento para a esquerda (<

Este operador desloca todos os bits em seu primeiro operando para a esquerda pelo número de casas especificado no segundo operando.

console.log (4 << 1);

Saída:

8

Operador de deslocamento à direita (>>)

Este operador desloca todos os bits em seu primeiro operando para a direita pelo número de casas especificado no segundo operando.

console.log (4 >> 1);

Saída:

2

7. Operadores Especiais

Operador Ternário

O operador ternário é a abreviação do declaração if-else. Ele atribui valor a uma variável com base em uma condição, a sintaxe para o mesmo é:

doença? valor1: valor2

Se a condição for verdadeira, o operador retorna o valor de valor1. Caso contrário, ele retorna o valor de valor2.

deixe resultado = (200> 100)? "Sim não";
console.log (resultado);

Saída:

sim

Operador Typeof

o tipo de operador é usado para encontrar o tipo de dados de um valor ou variável.

console.log (typeof (100));
console.log (typeof ("100"));

Saída:

número
fragmento

Use JavaScript One-Liners para codificar como um profissional

Você pode realizar uma ampla variedade de operações usando apenas uma linha de código em JavaScript. Se você precisa embaralhar um array, detectar o modo escuro em um navegador, gerar UUID aleatório ou encontrar a média de um array, você pode conseguir isso com apenas uma linha de código.

11 JavaScript One-Liners que você deve conhecer

Obtenha muito com apenas um pouco de código, usando essa ampla variedade de linhas simples de JavaScript.

Leia a seguir

Sobre o autor