Guias

Como fazer adição em JavaScript

A adição de JavaScript pode parecer uma tarefa simples, até que você descubra o número de maneiras diferentes de adicioná-los. Os cálculos matemáticos costumam ser operações críticas que requerem extrema precisão. Os sites que vendem produtos, por exemplo, não podem permanecer confiáveis ​​cobrando alguns centavos a mais do cliente por causa de uma adição incorreta de JavaScript. Aprender como adicionar números corretamente pode ajudá-lo a criar sites confiáveis ​​que manipulam dados numéricos de forma eficiente.

Digitação de JavaScript

Ao contrário das linguagens de programação fortemente tipadas, como C #, o JavaScript é digitado livremente e permite que você atribua qualquer tipo de dados a uma variável sem dar à variável um tipo específico. Em JavaScript, por exemplo, você pode atribuir um número a uma variável chamada "x" com a mesma facilidade com que atribui a palavra "maçã" a ela. Essa flexibilidade permite criar programas sem se preocupar com as declarações de tipo. No entanto, a digitação livre de dados também tem desvantagens, porque você também pode tentar adicionar o número 2 em uma variável a outra variável cujo valor é "maçã". Isso não pode acontecer em uma linguagem de programação fortemente tipada.

Adição de JavaScript básico

O código a seguir adiciona dois números e armazena o resultado em uma variável chamada "soma":

var x = 1; var y = 2; resultado var = x + y;

O resultado é "3" neste exemplo simples. Adicione números em JavaScript colocando um sinal de mais entre eles. Você também pode usar a seguinte sintaxe para realizar a adição:

var x + = y;

O operador "+ =" diz ao JavaScript para adicionar a variável do lado direito do operador à variável do lado esquerdo.

Adição de ponto flutuante

Os números de vírgula flutuante, como 1.234, contêm vírgulas decimais. Se você adicionar números de vírgula flutuante conforme mostrado abaixo, o JavaScript retém as vírgulas decimais, conforme mostrado abaixo:

var x = 1,234; var y = 10; var z = x + y;

Depois de adicionar "y" a "x", o JavaScript armazena "11,234" na variável "z". Você pode controlar o número de casas decimais que aparecem em um resultado usando a função "toFixed". Em vez de adicionar "x" a "y", use a seguinte sintaxe:

var z = (x + y) .toFixado (2);

O método "toFixed" formata o resultado para que ele exiba apenas duas casas decimais. Mude "2" por qualquer outro número para fazer com que muitos números apareçam após a vírgula decimal.

Adicionar dados de texto

Você pode ter descoberto um problema frustrante ao tentar adicionar os números inseridos nas caixas de texto. As caixas de texto contêm dados de string e o JavaScript os manipula como strings. O código a seguir anexa duas strings usando o operador mais:

var x = "Maçãs" + "Laranjas";

A variável "x" contém "ApplesOranges" após a execução do código. A mesma coisa acontece se você realizar a seguinte adição usando números inseridos em duas caixas de texto cujos valores de ID são "text1" e "text2":

var x = document.getElementById ("textbox1"). value; var y = document.getElementById ("textbox2"). value; var z = x + y;

Se a primeira caixa de texto contiver "1" e a segunda caixa de texto contiver "2", o JavaScript acrescentará esses dois valores em vez de adicioná-los e armazenará "12" na variável "z". Evite que isso ocorra, use a função Número, conforme mostrado abaixo:

var z = Número (x) + Número (y);

O resultado nesta instância é 3.

Precisão

Durante o processamento de dados, seu aplicativo pode precisar arredondar números e eliminar pontos decimais. O método Math.Round executa essa tarefa, conforme demonstrado no exemplo a seguir:

var x = 1,4 var y = 1,2; var z = Math.round (x + y);

Adicionar "x" e "y" aqui normalmente resulta em 2,6. No entanto, se você usar Math.Round para realizar a adição, JavaScript arredondará o valor para 3. Este método, que funciona em todos os navegadores, arredonda os números para o próximo inteiro se o resultado for 0,5 ou maior.