JavaScript operadores são usados para atribuir valores, comparar valores, realizar operações aritméticas, e muito mais.
Operadores aritméticos JavaScript
operadores aritméticas são utilizadas para realizar aritmética entre variáveis e / ou valores.
Dado que y = 5 , a tabela abaixo explica os operadores aritméticos:
| Operador | Descrição | Exemplo | O resultado em y | Resultado em x | Tente |
|---|---|---|---|---|---|
| + | Adição | x = y + 2 | y = 5 | x = 7 | Tente " |
| - | Subtração | x = y - 2 | y = 5 | x = 3 | Tente " |
| * | Multiplicação | x = y * 2 | y = 5 | x = 10 | Tente " |
| / | Divisão | X = Y / 2 | y = 5 | x = 2,5 | Tente " |
| % | Mulo (division remainder) | x = 2% y | y = 5 | x = 1 | Tente " |
| ++ | Incremento | x = y ++ | y = 6 | x = 6 | Tente " |
| x = y ++ | y = 6 | x = 5 | Tente " | ||
| - | diminuição | x = --y | y = 4 | x = 4 | Tente " |
| x = y-- | y = 4 | x = 5 | Tente " |
Para um tutorial sobre operadores aritméticos, leia nossa aritmética Tutorial JavaScript .
Operadores de Atribuição de JavaScript
operadores de atribuição são utilizados para atribuir valores a variáveis de JavaScript.
Dado que x = 10 e y = 5 , a tabela abaixo explica os operadores de atribuição:
| Operador | Exemplo | Igual a | Resultado em x | Tente |
|---|---|---|---|---|
| = | X = Y | X = Y | x = 5 | Tente " |
| + = | x + y = | X = x + y | x = 15 | Tente " |
| - = | x - y = | x = x - y | x = 5 | Tente " |
| * = | x * y = | x = x * y | x = 50 | Tente " |
| / = | x / y = | x = x / y | x = 2 | Tente " |
| % = | x = y% | x = x% y | x = 0 | Tente " |
Para um tutorial sobre operadores de atribuição, leia nossa Assignment JavaScript Tutorial .
Operadores de String de JavaScript
O operador +, e o operador + = também podem ser usados para concatenar (add) cordas.
Dado que text1 = "Good " , text2 = "Morning" , e text3 = "" , a tabela abaixo explica os operadores:
| Operador | Exemplo | text1 | text2 | text3 | Tente |
|---|---|---|---|---|---|
| + | Texto3 = text1 + text2 | "Boa " | "Manhã" | "Bom Dia" | Tente " |
| + = | text1 + = text2 | "Bom Dia" | "Manhã" | "" | Tente " |
Operadores de comparação
Os operadores de comparação são usados em declarações lógicas para determinar a igualdade ou diferença entre as variáveis ou valores.
Dado que x = 5 , a tabela abaixo explica os operadores de comparação:
| Operador | Descrição | comparando | Devoluções | Tente |
|---|---|---|---|---|
| == | igual a | x == 8 | falso | Tente " |
| X == 5 | verdade | Tente " | ||
| === | o mesmo valor e igual tipo | x === "5" | falso | Tente " |
| x 5 === | verdade | Tente " | ||
| ! = | não igual | x! = 8 | verdade | Tente " |
| ! == | não igual valor ou não igual tipo | x! == "5" | verdade | Tente " |
| x! == 5 | falso | Tente " | ||
| > | Melhor que | x> 8 | falso | Tente " |
| < | menos que | x <8 | verdade | Tente " |
| > = | maior do que ou igual a | x> = 8 | falso | Tente " |
| <= | menos que ou igual a | x <= 8 | verdade | Tente " |
Para um tutorial sobre operadores de comparação, leia nossas comparações JavaScript Tutorial .
Condicional (Ternary) Operator
O operador condicional atribui um valor para uma variável com base em uma condição.
| Sintaxe | Exemplo | Tente |
|---|---|---|
| variablename = ( condition ) ? value1: value2 | voteable = (age < 18) ? "Too young" : "Old o suficiente"; | Tente " |
Exemplo explicou: Se a variável "age" é um valor abaixo de 18, o valor da variável "voteable" será "Too young" , caso contrário, o valor de voteable será "Old enough" .
Operadores lógicos
Os operadores lógicos são usados para determinar a lógica entre as variáveis ou valores.
Dado que x = 6 and y = 3 , a tabela a seguir explica os operadores lógicos:
| Operador | Descrição | Exemplo | Tente |
|---|---|---|---|
| && | e | (x < 10 && y > 1) é verdadeira | Tente " |
| || | ou | (X 5 === || y === 5) é falsa | Tente " |
| ! | não | !(x === y) é verdadeiro | Tente " |
Operadores bit a bit JavaScript
operadores bit trabalhar em 32 números de bits. Qualquer operando numérico na operação é convertido num número de 32 bits. O resultado é convertido novamente em um número JavaScript.
| Operador | Descrição | Exemplo | Igual a | Resultado | Decimal |
|---|---|---|---|---|---|
| & | E | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OU | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NÃO | x = ~ 5 | ~ 0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Desvio à esquerda | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | deslocamento para a direita | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Os exemplos acima usa 4 bits exemplos não assinados. Mas JavaScript usa números assinado de 32 bits.
Devido a isso, em JavaScript, ~ 5 não retornará 10. Ele irá retornar -6.
~ 00000000000000000000000000000101 voltará 11111111111111111111111111111010
O operador typeof
O operador retorna typeof do tipo de uma variável, objeto, função ou expressão:
Exemplo
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Tente você mesmo " Favor observar:
- O tipo de dados de NaN é número
- O tipo de dados de uma matriz é objecto
- O tipo de dados de uma data é objecto
- O tipo de dados de nulo é objecto
- O tipo de dados de uma variável indefinida é indefinido
Você não pode usar typeof para definir se um objeto JavaScript é um array (or a date) .
O operador delete
O operador delete exclui uma propriedade de um objeto:
Exemplo
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age; // or delete person["age"];
Tente você mesmo " O operador delete exclui tanto o valor do imóvel e do próprio estabelecimento.
Após a exclusão, a propriedade não pode ser usado antes de ser adicionada de volta.
O operador delete é projetado para ser usado em propriedades do objeto. Não tem nenhum efeito sobre as variáveis ou funções.
Nota: O operador delete não deve ser usado em pré-definidas as propriedades do objeto JavaScript. Ele pode travar o seu aplicativo.
O operador in
O operador in retorna true se a propriedade especificada está no objeto especificado, caso contrário false:
Exemplo
// Arrays
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars //
Returns false (specify the index number instead of value)
0 in cars //
Returns true
1 in cars //
Returns true
4 in cars //
Returns false (does not exist)
"length" in cars //
Returns true (length is an Array property)
// Objects
var person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in
person // Returns true
"age" in person
// Returns true
// Predefined objects
"PI" in Math
// Returns true
"NaN" in Number //
Returns true
"length" in String // Returns true
Tente você mesmo " O Operador instanceof
O operador instanceof devolve verdadeiro se o objecto especificado é uma instância do objecto especificado:
Exemplo
var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;
// Returns true
cars instanceof Object; // Returns true
cars instanceof String;
// Returns false
cars instanceof Number; // Returns false
Tente você mesmo " O Operador vazio
O operador vazio avalia uma expressão e retorna indefinido. Este operador é frequentemente usado para obter o valor primitivo indefinido, usando " void(0) " (útil quando se avalia uma expressão sem usar o valor de retorno).
Exemplo
<a href="javascript:void(0);">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click
me to change the background color of body to red
</a>
Tente você mesmo "