English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico do JavaScript

Objeto do JavaScript

Função do JavaScript

DOM HTML do JS

BOM do navegador JS

Tutorial básico de AJAX

Manual de referência do JavaScript

Operadores do JavaScript

Os operadores executam operações matemáticas e lógicas nos operandos fornecidos.

JavaScript possui os seguintes tipos de operadores:

  • Operador aritmético

  • Operador de atribuição

  • Operador de comparação

  • Operador de bits

  • Operador lógico

  • Operador de string

  • Operador (trivalente) de condição

  • Operadores unários

  • Operadores de relação

Operadores aritméticos do JavaScript

Os operadores aritméticos são usados para executar operações aritméticas em números.

Os operadores aritméticos tratam números como seus operandos e retornam um único valor numérico.

OperadorDescriçãoExemploDefiniçãoTeste
+Adiçãoa + bA soma de a e bTeste
-Subtraçãoa-bA diferença entre a e bTeste
*Multiplicaçãoa * bO produto de a e bTeste
**Potênciaa ** ba elevado à bTeste
/Divisãoa / ba dividido por bTeste
%Módulo (resto)a % ba / O resto de bTeste
++Incrementoa ++a incremento1Teste
--Decremento
a--a decremento1Teste

Operadores de atribuição do JavaScript

Operador de atribuição atribui valores para variáveis do JavaScript.

Operador de atribuição simples (=), que atribui o valor do operando direito ao operando esquerdo.

OperadorDescriçãoExemploIgualTeste
=Atribuiçãoa = ba = bTeste
+=Atribuição após a adiçãoa + = ba = a + bTeste
-=Atribuição após a subtraçãoa-= ba = a-bTeste
*=Atribuição após a multiplicaçãoa * = ba = a * bTeste
**=Atribuição após a potênciaa ** = ba = a ** bTeste
/=Atribuição após a divisãoa / = ba = a / bTeste
Atribuição após o móduloa %= ba = a % bTeste

Operadores de comparação do JavaScript

Os operadores de comparação são usados para comparar dois valores e retornar um valor booleano.

OperadorDescriçãoExemploDefiniçãoTeste
==Iguala == bse a é igual a b, então é verdadeiroTeste
===Iguala === bse a é igual a b e pertence ao mesmo tipo, então é trueTeste
!=Diferentea != bse a não é igual a b for verdadeiroTeste
!==Diferente incluindo tipoa !== bse a não é igual a b e não são do mesmo tipo de dados, então é trueTeste
>Maiora > bse a é maior que b, então é trueTeste
<Menora < bse a é menor que b, então é trueTeste
>=Maior ou iguala >= bse a é maior ou igual a b, então é trueTeste
<=Menor ou iguala <= bse a é menor ou igual a b, então é trueTeste

A diferença entre (a == b) e (a === b) é:

  • == Se a igual a b, retorna true

  • === Se a igual a b e eles pertencemdo mesmo tipoentão retorna true

Os operadores de comparação podem ser usados em instruções condicionais para comparar valores e entrar em diferentes fluxos de acordo com o resultado.

Mais tarde, neste tutorial, você aprenderá a usar instruções condicionais.

Operadores bitwise do JavaScript

Os operadores de operação bitwise tratam seus operandos32bits (zero e um), em vez de números decimais, hexadecimais ou octais.

Qualquer operando numérico neste operação será convertido32O resultado da conversão de dígitos. Converta para o número do JavaScript.

OperadorDescriçãoExemploIgualResultadoDecimal
&E5&10101E 00010001 1Unidade
|Ou5 | 10101 | 00010101 5
~Não
~5 ~01011010 10
^XOR5 ^ 10101 ^ 00010100 4
<<Deslocamento à esquerda5 << 10101 << 11010 10
>>Deslocamento à direita com sinal5 >> 10101 >> 10010  2
>>>Deslocamento à direita sem sinal5 >>> 10101 >>> 10010  2

O exemplo acima usa4Exemplo de número sem sinalizado de bits. Mas o JavaScript usa32número de sinalizado de bits.

Portanto, no JavaScript, ~5não retornará10. Ele retornará-6.

~00000000000000000000000000000101Retornará11111111111111111111111111111010

Operadores lógicos do JavaScript

Os operadores lógicos são usados para determinar a lógica entre variáveis ou valores.

Os operadores lógicos são usados geralmente para combinar instruções de condição, retornando valores booleanos.

OperadorDescriçãoExemploDefiniçãoTeste
&&E lógicoa && bSe a e b forem ambas verdadeiras, for verdadeiraTeste
||OU lógicoa || bSe a ou b for verdadeira, for verdadeiraTeste
!Negação lógica!aSe a não for verdadeira, for verdadeiraTeste

Operador de string do JavaScript

O+O operador também pode ser usado para conectar (juntar) strings.

var str1 = "Hello";
var str2 = "World";
var str3 = str1 + " " + str2;
Teste veja‹/›

Operador de atribuição de adição+= também pode ser usado para conectar (juntar) strings.

var str1 = "Hey! ";
str1 += "How r u doing?";
Teste veja‹/›

Quando usado em strings, o+Operador conhecido como operador de concatenação.

Operador condicional (trivalente) do JavaScript

O operador condicional é o único operador do JavaScript que usa três operandos.

A descrição pode obter um dos dois valores com base na condição. A sintaxe é:

condition ? val1 : val2

Secondition O resultado da contagem étrue, então retornarával1, caso contrário, retornarával2.

Você pode usar o operador condicional em qualquer lugar onde possa usar operadores de padrão.

var status = (age >= 18) ? "adulto" : "criança";
Teste veja‹/›

Se a idade for18Se a idade for de 18 anos ou mais, a instrução atribui o valor 'adulto' à variável status. Caso contrário, atribui o valor 'criança' a status.

Operadores unários do JavaScript

A operação unária é uma operação que tem apenas um operando.

O JavaScript contém três operadores unários:

DescriçãoDescrição
deleteExclui objetos, atributos de objetos ou elementos no índice especificado de um array
typeofRetorna o tipo da variável
voidEspecificar uma expressão que requer um valor sem retornar um valor

Operador delete

O operador delete pode excluir objetos, atributos de objetos ou elementos no índice especificado de um array.

Se a operação puder ser executada, o operador delete retorna true; caso contrário, retorna false. Se a operação não puder ser executada, retorna false.

Se o operador delete for bem-sucedido, ele atribui o valor undefined ao atributo ou elemento:

var user = {firstName:"Vishal", age:"22, "color":"blue"};
delete user.firstName;  // retorna true
Teste veja‹/›

Quando o operador delete remove elementos do array, o elemento é removido do array.

var frutas = ["Apple", "Mango", "Banana"];
delete fruits[0];   // delete "Apple"
Teste veja‹/›

Atenção:Ao remover elementos do array, o comprimento do array não é afetado.

Operador typeof

O operador typeof retorna o tipo de uma variável ou expressão.

typeof ""  // Retorna "string"
typeof "Vishal"// Retorna "string"
typeof "42"// Retorna "string" (Número dentro de aspas é String)
typeof 42  // Retorna "number"
typeof true// Retorna "boolean"
typeof false   // Retorna "boolean"
typeof undefined   // Retorna "undefined"
typeof null// Retorna "object"
typeof {name:"Vishal", age:22} // Retorna "object"
typeof [2, 4, 6, 8]// Retorna "object" (não "array", veja a nota abaixo)
typeof function myFunc(){} // Retorna "function"
Teste veja‹/›

Atenção:O operador typeof retorna "object" para arrays, porque arrays são objetos no JavaScript.

Esta é a lista de valores retornados pelo operador typeof:

Tipo
A string retornada por typeof
Number"number"
String"string"
Boolean"boolean"
Object"object"
Function"function"
Undefined"undefined"
Null"object"

Operador void

O operador void especifica uma expressão que requer valor, mas não retorna valor.

O código a seguir cria um link de hipertexto que, quando clicado pelo usuário, não executa nenhuma ação.

<a href="javascript:void(0)">Clique aqui para não fazer nada</a>/a>
Teste veja‹/›

Operadores de relação do JavaScript

Os operadores de relação comparam seus operandos e retornam um valor booleano com base na comparação ser verdadeira ou não.

No JavaScript, há dois operadores de relação:

DescriçãoDescrição
inSe o atributo especificado estiver no objeto especificado, retorna true
instanceofSe o objeto for uma instância do tipo de objeto, retornará true

Operador in

Se o atributo especificado existir no objeto especificado, o operador in retornará true.

var user = {firstName:"Vishal", age:"22, "color":"blue"};
"firstName" in user;  // retorna true
"age" in user;// retorna true
"Food" in user;   // retorna false
Teste veja‹/›

Quando usar o operador in com um array Array, deve-se especificar o número do índice, não o valor no índice.

var frutas = ["Apple", "Mango", "Banana"];
var item1 = 0 in frutas;  // retorna true
var item2 = 1 em frutas;  // retorna true
var item3 = 2 em frutas;  // retorna true
var item4 = 3 em frutas;  // retorna false
Teste veja‹/›

Operador instanceof

Se o objeto especificado pertencer ao tipo de objeto especificado, o operador instanceof retornará true.

Quando precisar determinar o tipo de objeto em tempo de execução, use o operador instanceof.

var myObj = new Date();
if (myObj instanceof Date) {
   // Sentenças para executar
}
Teste veja‹/›