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


Aritmética JavaScript


Operadores aritméticos JavaScript

Os operadores aritméticos executam aritmética em números (literais ou variáveis).

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

Operaçoes aritimeticas

Uma operação aritmética típica opera em dois números.

Os dois números podem ser literais:

Exemplo

let x = 100 + 50;

ou variáveis:

Exemplo

let x = a + b;

ou expressões:

Exemplo

let x = (100 + 50) * a;

Operadores e Operandos

Os números (em uma operação aritmética) são chamados de operandos .

A operação (a ser realizada entre os dois operandos) é definida por um operador .

Operando Operador Operando
100 + 50


Adicionando

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

Exemplo

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

Subtração

O operador de subtração- ( ) subtrai números.

Exemplo

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

Multiplicação

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

Exemplo

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

Dividindo

O operador de divisão/ ( ) divide números.

Exemplo

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

Restante

O operador de módulo% ( ) retorna o resto da divisão.

Exemplo

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

Em aritmética, a divisão de dois inteiros produz um quociente e um resto .

Em matemática, o resultado de uma operação de módulo é o resto de uma divisão aritmética.


Incrementando

O operador de incremento++ ( ) incrementa números.

Exemplo

let x = 5;
x++;
let z = x;

Decrementando

O operador de decremento-- ( ) decrementa números.

Exemplo

let x = 5;
x--;
let z = x;

Exponenciação

O operador de exponenciação** ( ) eleva o primeiro operando à potência do segundo operando.

Exemplo

let x = 5;
let z = x ** 2;          // result is 25

x ** y produz o mesmo resultado que Math.pow(x,y):

Exemplo

let x = 5;
let z = Math.pow(x,2);   // result is 25

operador precedente

A precedência do operador descreve a ordem em que as operações são executadas em uma expressão aritmética.

Exemplo

let x = 100 + 50 * 3;

O resultado do exemplo acima é igual a 150 * 3, ou é igual a 100 + 150?

A adição ou a multiplicação é feita primeiro?

Como na matemática escolar tradicional, a multiplicação é feita primeiro.

A multiplicação ( *) e a divisão ( /) têm maior precedência do que a adição ( +) e a subtração ( -).

E (como na matemática escolar) a precedência pode ser alterada usando parênteses:

Exemplo

let x = (100 + 50) * 3;

Ao usar parênteses, as operações dentro dos parênteses são calculadas primeiro.

Quando muitas operações têm a mesma precedência (como adição e subtração), elas são calculadas da esquerda para a direita:

Exemplo

let x = 100 + 50 - 3;

Valores de precedência do operador JavaScript

As entradas em vermelho claro indicam ECMAScript 2015 (ES6) ou superior.

Valor Operador Descrição Exemplo
21 ( ) Agrupamento de expressão (3 + 4)
       
20 . Membro pessoa.nome
20 [] Membro pessoa["nome"]
20 () Chamada de função minhaFunção()
20 novo Crio Nova data()
       
18 ++ Incremento pós-fixado i++
18 -- Decremento pós-fixado eu--
       
17 ++ Incremento de prefixo ++i
17 -- Decremento de prefixo --eu
17 ! Lógico não !(x==y)
17 tipo de Modelo tipo de x
       
16 ** Exponenciação (ES2016) 10 ** 2
       
15 * Multiplicação 10 * 5
15 / Divisão 10/5
15 % Restante da Divisão 10% 5
       
14 + Adição 10 + 5
14 - Subtração 10 - 5
       
13 << Deslocar para a esquerda x << 2
13 >> Deslocar para a direita x >> 2
13 >>> Deslocar para a direita (sem sinal) x >>> 2
       
12 < Menor que x < y 
12 <= Menor ou igual x <= y
12 > Maior que x > y
12 >= Maior ou igual x >= y
12 dentro Propriedade no objeto "PI" em matemática
12 instancia de Instância do Objeto instância de Array
       
11 == Igual x == y
11 === Estrita igual x === y
11 != Desigual x != y
11 !== Estrita desigual x !== y
       
10 & E bit a bit x & y
9 ^ XOR bit a bit x ^ y
8 | OU bit a bit x | S
7 && E Lógico x && y
6 || OU lógico x || S
5 ?? Nullish Coalescing x?? S
4 ? : Doença ? "Sim não"
       
3 += Atribuição x += y
3 /= Atribuição x /= y
3 -= Atribuição x -= y
3 *= Atribuição x *= y
3 %= Atribuição x %= y
3 <<= Atribuição x <<= y
3 >>= Atribuição x >>= y
3 >>>= Atribuição x >>>= y
3 &= Atribuição x &= y
3 ^= Atribuição x ^ = y
3 |= Atribuição x |= y
       
2 colheita Função de pausa rendimento x
1 , Vírgula 5, 6

As expressões entre parênteses são totalmente computadas antes que o valor seja usado no restante da expressão.


Teste-se com exercícios

Exercício:

Divida 10por 2, e alerte o resultado.

alert(10  2);