Tutorial de JS

JS HOME Introdução JS JS Para onde Saída JS Declarações JS Sintaxe JS Comentários JS Variáveis ​​JS JS Let JS Const Operadores JS JS Aritmética Atribuição de JS Tipos de dados JS Funções JS Objetos JS Eventos JS Strings JS Métodos de string JS Pesquisa de String JS Modelos de String JS Números JS Métodos de número JS Matrizes JS Métodos de matriz JS Classificação de matriz JS Iteração de matriz JS Const da matriz JS Datas JS Formatos de data JS Métodos de obtenção de data JS Métodos de conjunto de datas JS JS Math JS Aleatório JS Booleanos Comparações JS Condições JS Interruptor JS Circuito JS para JS Loop Para Entrada JS Loop Para De JS Loop Enquanto Quebra de JS Iteráveis ​​JS Conjuntos JS Mapas JS Tipo JS de Conversão de tipo JS JS bit a bit JS RegExp Erros JS Escopo JS Içamento JS Modo estrito JS JS esta palavra-chave Função de seta JS Classes JS JS JSON Depuração JS Guia de estilo JS Práticas recomendadas de JS Erros de JS Desempenho JS Palavras reservadas JS

Versões JS

Versões JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Histórico de JS

Objetos JS

Definições de objeto Propriedades do objeto Métodos de objeto Exibição de objetos Acessadores de objetos Construtores de objetos Protótipos de Objetos Iteráveis ​​de objeto Conjuntos de objetos Mapas de objetos Referência do objeto

Funções JS

Definições de função Parâmetros de função Invocação de função Chamada de Função Função Aplicar Fechamentos de Função

Classes JS

Introdução à aula Herança de classe Classe Estática

JS Assíncrono

Retornos de chamada JS JS Assíncrono Promessas JS JS Async/Aguardar

JS HTML DOM

Introdução ao DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formulários DOM CSS DOM Animações DOM Eventos DOM Ouvinte de eventos DOM Navegação DOM Nós DOM Coleções DOM Listas de nós DOM

BOM do navegador JS

Janela JS Tela JS Localização JS Histórico de JS Navegador JS Alerta pop-up JS Temporização JS Cookies JS

APIs da Web JS

Introdução à API da Web API de formulários da Web API de histórico da web API de armazenamento da Web API do trabalhador da Web API de busca da Web API de geolocalização da Web

JS AJAX

Introdução AJAX AJAX XML Http Solicitação AJAX Resposta AJAX Arquivo XML AJAX PHP AJAX ASP AJAX Banco de dados AJAX Aplicativos AJAX Exemplos AJAX

JS JSON

Introdução JSON Sintaxe JSON JSON x XML Tipos de dados JSON Análise JSON JSON Stringify Objetos JSON Matrizes JSON Servidor JSON JSON PHP HTML JSON JSON JSONP

JS x jQuery

Seletores jQuery HTML jQuery jQuery CSS jQuery DOM

Gráficos JS

Gráficos JS Tela JS JS Plotly JS Chart.js JS Google Chart JS D3.js

Exemplos JS

Exemplos JS JS HTML DOM Entrada HTML JS Objetos HTML JS Eventos HTML JS Navegador JS Editor JS Exercícios JS Teste JS Certificado JS

Referências JS

Objetos JavaScript Objetos HTML DOM


Operadores JavaScript


Exemplo

Atribua valores a variáveis ​​e adicione-os:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

O operador de atribuição= ( ) atribui um valor a uma variável.

Atribuição

let x = 10;

O operador de adição+ ( ) adiciona números:

Adicionando

let x = 5;
let y = 2;
let z = x + y;

O operador de multiplicação* ( ) multiplica números.

Multiplicação

let x = 5;
let y = 2;
let z = x * y;


Operadores aritméticos JavaScript

Operadores aritméticos são usados ​​para realizar aritmética em números:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Os operadores aritméticos são totalmente descritos no capítulo JS Aritmética .


Operadores de atribuição JavaScript

Os operadores de atribuição atribuem valores a variáveis ​​JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

O operador de atribuição de adição+= ( ) adiciona um valor a uma variável.

Atribuição

let x = 10;
x += 5;

Os operadores de atribuição são totalmente descritos no capítulo JS Atribuição .


Operadores de string JavaScript

O +operador também pode ser usado para adicionar (concatenar) strings.

Exemplo

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

O resultado do text3 será:

John Doe

O +=operador de atribuição também pode ser usado para adicionar (concatenar) strings:

Exemplo

let text1 = "What a very ";
text1 += "nice day";

O resultado de text1 será:

What a very nice day

Quando usado em strings, o operador + é chamado de operador de concatenação.


Adicionando Strings e Números

Adicionar dois números retornará a soma, mas adicionar um número e uma string retornará uma string:

Exemplo

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

O resultado de x , y e z será:

10
55
Hello5

Se você adicionar um número e uma string, o resultado será uma string!


Operadores de comparação JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Os operadores de comparação são totalmente descritos no capítulo Comparações de JS .


Operadores lógicos JavaScript

Operator Description
&& logical and
|| logical or
! logical not

Os operadores lógicos são totalmente descritos no capítulo Comparações de JS .


Operadores de tipo JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Os operadores de tipo são totalmente descritos no capítulo JS Type Conversion .


Operadores Bitwise JavaScript

Os operadores de bits funcionam em números de 32 bits.

Qualquer operando numérico na operação é convertido em um número de 32 bits. O resultado é convertido novamente em um número JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Os exemplos acima usam exemplos sem sinal de 4 bits. Mas o JavaScript usa números assinados de 32 bits.
Por isso, em JavaScript, ~ 5 não retornará 10. Ele retornará -6.
~0000000000000000000000000000101 retornará 1111111111111111111111111111010

Os operadores bit a bit são totalmente descritos no capítulo JS Bitwise .


Teste-se com exercícios

Exercício:

Multiplique 10com 5, e alerte o resultado.

alert(10  5);