JavaScript: Concatenação e Operações Matemáticas

Operações Matemáticas

Como parte de qualquer processo em programação, devemos manipular os dados. A forma mais corriqueira de manipular os dados é usando operações matemáticas.

JavaScript nos possibilita usar as quatro operações básicas, uma operação de módulo e mais um tratamento de junção de string.

Operação	Sinal	O que faz
Adição	+	soma dois valores ou variáveis
Subtração	-	subtrai dois valores ou variáveis
Multiplicação	*	multiplica dois valores ou variáveis
Divisão	/	divide dois valores ou variáveis
Módulo	%	obtém o resto de uma divisão
Decremento	--	Subtrai um do valor da variável
Incremento	++	Soma um ao valor da variável
Concatenação	+	junta duas strings (palavras ou frases)

Exemplo:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  var soma = 5+5;
  var subtracao = 5-5;
  var multiplicacao = 5*5;
  var divisao = 5/5;
  var resto = 5%5;
  document.write (soma);
  document.write ("<BR>");
  document.write (subtracao);
  document.write ("<BR>");
  document.write (multiplicacao);
  document.write ("<BR>");
  document.write (divisao);
  document.write ("<BR>");
  document.write (resto);
//-->
</SCRIPT>

Isso resultará em:

10
0
25
1
0

Concatenação

Podemos entender concatenação como sendo a junção de duas strings (frases ou palavras). O operador para fazer concatenação é o próprio sinal de adição. No exemplo abaixo, concatenaremos três variáveis para formar uma única variável com uma frase inteira.

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  var parte1 = "www.";
  var parte2 = "eduardolam";
  var parte3 = ".com.br";
  var frase = parte1+parte2+parte3;
  document.write (frase);
//-->
</SCRIPT>

Isso resultará em uma única frase contendo www.eduardolam.com.br.

O problema da concatenação é a ambiguidade causada pelo operador +. Às vezes, queremos juntar dois números como sendo duas strings, e não dois números com valores reais.

Para fazer isso, precisamos concatenar o número com algum caracter ou string vazia para que o interpretador entenda que o número não é realmente um número, mas um caracter qualquer. Veja o exemplo abaixo:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
  var numero1 = 200;
  var numero2 = 8;
  var variavel1 = numero1+numero2;
  var variavel2 = numero1+""+numero2;
  document.write (variavel1);
  document.write ("<BR>");
  document.write (variavel2);
//-->
</SCRIPT>

No exemplo acima, há dois números 200 e 8. Na variavel1, nós guardamos a soma de 200 e 8 que resulta em 208. Na variavel2, nós guardamos a concatenação de 200 mais uma string vazia ("") e o número 8 que será 2008.