Definindo e Atribuindo variáveis em JavaScript

As variáveis compõem a maior parte do JavaScript, vão desde números a objetos. Essa linguagem possui tipagem dinâmica, ou seja, não é necessário definir o tipo das variáveis ao declará-las, para isso basta usar a palavra reservada var. Tudo feito para facilitar a vida do programador.

• Definindo uma variável
• Usando uma variável
• Tipos de variáveis
• Arrays e Objetos

Uma variável armazena valores na memória do computador, dando um nome para eles. Assim, sempre que precisamos desse valor, usamos o nome dado a variável para obtê-lo.

Definindo uma variável

var minhaVariavel = "Isto é uma variável";

Este é um exemplo de atribuição de variáveis. Essa variável é chamada de “string” porque possui caracteres ASCII (A-Z, 0-9,! @ # $, etc.).

Usando uma variável

var numero1 = 5;
    numero1 = 3;

Definimos um número chamado numero1 que era igual a 5. Depois, na segunda linha, alteramos o valor da mesma variável para 3. Para mostrar o valor de uma variável registramos no console ou usamos window.alert():

console.log(numero1);    // 3
window.alert(numero1); 	// 3

Para operações de adição, subtração, multiplicação, divisão e etc., fazemos o mesmo:

numero1 = numero1 + 5;  // 3 + 5 = 8
numero1 = numero1 - 6;   // 8 - 6 = 2
var numero2 = numero1 * 10;    // 2 (multiplicado por) 10 = 20
var numero3 = numero2 / numero1; // 20 (dividido por) 2 = 10;

Também podemos adicionar strings e as concatenar, ou seja, juntar duas ou mais strings. Por exemplo:

var minhaString= "Eu sou uma" + "string!"; // "Eu sou uma string!"

Tipos de variáveis

var meuInteiro = 12;  // número em 32 bits (de -2,147,483,648 até 2,147,483,647)
var meuInteiro2 = 9310141419482;  // número em 64 bits (de -9,223,372,036,854,775,808 até 9,223,372,036,854,775,807)
var meuPontoFlutuante = 5.5;  // número com ponto em 32 bits flutuante (decimal)
var meuPontoFlutuante2 = 9310141419482.22;  // número com ponto flutuante em 64 bits

var meuBoleano = true;  // 1 bit true/false (0 or 1)
var meuBoleano2 = false;

var meuNotANumber = NaN;  // Não é um número válido
var NaN_Exemplo = 0 / 0;        // NaN: Não é possível dividir por zero

var notDefined;   // undefined: variável sem valor atribuído
window.alert(variavelQualquer);   // undefined

var meuNull = null;   // nulo ou vazio

Arrays e Objetos

var meuArray = []; // array vazio

Um array é um conjunto de variáveis. Por exemplo:

var frutasFavoritas = ["maça", "laranja", "morango"];
var carrrosEstacionamento = ["Toyota", "Ferrari", "Fiat"];
var Funcionarios = ["Marcos", "Alex", "Pedro"];
var Numeros = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31];
var qualquerCoisa = [2, "coisas", undefined, null, true, 2.51];

meuArray = ["zero", "one", "two"];
window.alert(meuArray[0]);       // 0 está definindo o primeiro elemento do array
                                                   // nesse caso o primeiro elemento do array é "zero"
meuArray = ["Alessandro Silva", "Marcos"];
numeroElemento = 1;

window.alert(meuArray[numeroElemento]);  // Marcos, pois numeroElemento é igual a 1 = meuArray[1]

Um objeto é um grupo de valores. Ao contrário dos arrays, podemos fazer mais coisas com os objetos:

meuObjeto = {};
alessandro = {
  nome: "Alessandro", 
  sobrenome: "Silva", 
  nomeCompleto: "Alessandro Silva"
};
marcos = {
  nome: "Marcos",
  sobrenome: undefined,
  nomeCompleto: "Marcos"
};

window.alert(alessandro.nomeCompleto);  // Alessandro
window.alert(marcos.nome); 	         // Marcos

Em vez de criar um array ["Alessandro Silva", "Marcos"] e chamar meuArray[0], podemos simplesmente chamar alessandro.nomeCompleto e marcos.nome.

Bem básico, mas tira muitas dúvidas sobre atribuição e operações com variáveis no JavaScript.

Referência:

• Variáveis no JavaScript