Neste tutorial, você aprenderá sobre os diferentes operadores disponíveis em JavaScript e como usá-los com a ajuda de exemplos.
O que é um operador?
Em JavaScript, um operador é um símbolo especial usado para realizar operações em operandos (valores e variáveis). Por exemplo,
2 + 3; // 5
Aqui +está um operador que executa a adição 2e 3são operandos.
Tipos de operador de JavaScript
Aqui está uma lista de diferentes operadores que você aprenderá neste tutorial.
- Operadores de atribuição
- Operadores aritméticos
- Operadores de comparação
- Operadores lógicos
- Operadores bit a bit
- Operadores de string
- Outros Operadores
Operadores de atribuição de JavaScript
Operadores de atribuição são usados para atribuir valores a variáveis. Por exemplo,
const x = 5;
Aqui, o =operador é usado para atribuir valor 5à variável x.
Aqui está uma lista de operadores de atribuição comumente usados:
| Operador | Nome | Exemplo |
|---|---|---|
= | Operador de atribuição | a = 7; // 7 |
+= | Atribuição de adição | a += 5; // a = a + 5 |
-= | Atribuição de subtração | a -= 2; // a = a - 2 |
*= | Atribuição de multiplicação | a *= 3; // a = a * 3 |
/= | Atribuição de Divisão | a /= 2; // a = a / 2 |
%= | Tarefa restante | a %= 2; // a = a % 2 |
**= | Atribuição de Exponenciação | a **= 2; // a = a**2 |
Observação: o operador de atribuição comumente usado é =. Você vai entender outros operadores de atribuição, tais como +=, -=, *=etc. uma vez que aprendemos operadores aritméticos.
Operadores aritméticos JavaScript
Operadores aritméticos são usados para realizar cálculos aritméticos . Por exemplo,
const number = 3 + 5; // 8
Aqui, o +operador é usado para adicionar dois operandos.
| Operador | Nome | Exemplo |
|---|---|---|
+ | Adição | x + y |
- | Subtração | x - y |
* | Multiplicação | x * y |
/ | Divisão | x / y |
% | Restante | x % y |
++ | Incremento (incrementos de 1) | ++x ou x++ |
-- | Diminuir (decrementar em 1) | --x ou x-- |
** | Exponenciação (potência) | x ** y |
Exemplo 1: operadores aritméticos em JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Visite ++ e - operator para saber mais.
Resultado
x + y = 8 x - y = 2 x * y = 15 x / y = 1,66666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Nota : O operador ** foi introduzido no EcmaScript 2016 e alguns navegadores podem não suportá-lo. Para saber mais, visite o suporte ao navegador de exponenciação de JavaScript.
Operadores de comparação de JavaScript
Os operadores de comparação comparam dois valores e retornam um valor booleano, trueou false. Por exemplo,
const a = 3, b = 2; console.log(a> b); // true
Aqui, o operador de comparação >é usado para comparar se a é maior que b.
| Operador | Descrição | Exemplo |
|---|---|---|
== | Igual a : retorna truese os operandos forem iguais | x == y |
!= | Diferente de : retorna truese os operandos não forem iguais | x != y |
=== | Estrito igual a : truese os operandos são iguais e do mesmo tipo | x === y |
!== | Estrito diferente de : truese os operandos são iguais, mas de tipo diferente ou não são iguais | x !== y |
> | Maior que : truese o operando esquerdo for maior que o operando direito | x> y |
>= | Maior ou igual a : truese o operando esquerdo for maior ou igual ao operando direito | x>= y |
< | Menor que : truese o operando esquerdo for menor que o operando direito | x < y |
<= | Menor ou igual a : truese o operando esquerdo for menor ou igual ao operando direito | x <= y |
Exemplo 2: operadores de comparação em JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Nota: Quando +é usado com strings, ele executa a concatenação. Porém, quando +é usado com números, realiza a adição.
Outros operadores de JavaScript
Aqui está uma lista de outros operadores disponíveis em JavaScript. Você aprenderá sobre esses operadores em tutoriais posteriores.
| Operador | Descrição | Exemplo |
|---|---|---|
, | avalia vários operandos e retorna o valor do último operando. | let a = (1, 3 , 4); // 4 |
?: | retorna o valor com base na condição | (5> 3) ? 'success' : 'error'; // "success" |
delete | exclui a propriedade de um objeto ou um elemento de uma matriz | delete x |
typeof | retorna uma string indicando o tipo de dados | typeof 3; // "number" |
void | descarta o valor de retorno da expressão | void(x) |
in | retorna truese a propriedade especificada estiver no objeto | prop in object |
instanceof | retorna truese o objeto especificado for do tipo de objeto especificado | object instanceof object_type |
