O que são variáveis?

Crie, manipule e use valores variáveis

Variável é um dos conceitos mais importantes no estudo de programação, independente da plataforma ou linguagem utilizada. Uma variável referencia a um espaço na memória do computador utilizado para guardar informações que serão usadas em seus programas.

Para elucidar o conceito, imagine que a memória de seu computador é um armário com 100 gavetas e você guarda cada tipo de objeto em uma gaveta diferente. Provavelmente você vai querer criar etiquetas para referenciar o que guarda em cada gaveta.

Mas por que o nome "variável"?
Porque uma variável pode ter o seu valor alterado durante a execução de um programa. Ainda na analogia anterior, suponha que há uma gaveta "Meias" com 2 meias; se necessário, pode-se adicionar mais 5 meias e, caso seja um colecionador, até 200. Assim a gaveta "Meias" muda o seu valor.

Criando variáveis

Para criar uma variável utiliza-se var (opcional) e, para determinar o seu valor, o operador de atribuição (=). Para facilitar a compreensão do código, deve-se sempre escolher um nome que identifique o tipo de dado a ser armazenado.

Exemplo:

<script type="text/javascript">
  var nome = "Gabriel Mendonça";
  var idade = 25;
</script>

Note também que no final de cada linha foi utilizado o ponto-e-vírgula (;), responsável por delimitar expressões, statements e construtores. Embora não seja obrigatório, faz com que o seu código seja mais preciso e claro.

Observação: o código ainda pode ser simplificado deixando apenas uma declaração var e separando cada variável por vírgula e fechando a declaração em seu final com ponto-e-vírgula.

Brincando um pouco!

Abra seu editor de texto preferido; salve o arquivo HTML em uma pasta de sua preferência com a estrutura básica, e abra o arquivo em um navegador.
Observação: Em vez de copiar e colar, é interessante que você digite o código para que se adapte à sintaxe da linguagem.

Exemplo 1

<script type="text/javascript">
  var nome = prompt('Digite seu nome: ');
  alert(nome + ', seja bem vindo!');
</script>

Nesse exemplo, declaramos a variável "nome", onde guardamos o nome que foi solicitado ao usuário através do método prompt(). Após o nome informado ser armazenado (isso é, se tornado valor da variável), uma mensagem de boas vindas é apresentada ao usuário através do método alert() utilizando o nome armazenado na variável.

Exemplo 2

<script type="text/javascript">
  /* Este é um script para cálculo de idade! */

  // Declara o ano atual para fazer o cálculo
  var anoAtual = 2014;

  // Pede que o usuário digite o ano em que nasceu
  var anoNascimento = prompt('Digite o ano em que você nasceu.');

  // Calcula a idade do usuário e armazena na variável idade
  var idade = anoAtual - anoNascimento;

  // Mostra ao usuário a idade que ele possui
  alert("Sua idade é: " + idade + " anos");
</script>

Nesse exemplo, vimos algumas coisas novas: operadores aritméticos de soma e subtração (+, -), o operador de concatenação (+, para operar strings) e de comentários (// para linha única e /* */ para múltiplas linhas).

Um comentário é um trecho no código que não é executado, e por isso serve como um espaço para explicações e descrições relacionadas ao código ou até mesmo para evitar a execução de um bloco de código.

Definindo nomes de variáveis

Quando criamos variáveis temos de levar em consideração algumas regras específicas da linguagem:

• Uma variável é case-sensitive

  Isso significa que nomes com letras maiúsculas são diferentes de nomes com letras minúsculas: para um programa em JavaScript, Nome é diferente de nome.

• Caracteres válidos
  • Palavras: embora a maioria dos navegadores já reconheça uma variedade de caracteres UTF-8 (como palavras com acentos e "ಠ_ಠ", por exemplo), o recomendado é o uso apenas letras de MAIÚSCULAS e minúsculas, sem acentos e espaços.
    

    var meuNOME = "joão";
    var meunome = "josé";
    var MeuNoMe = "Thiago";
    var ಠ_ಠ = "JavaScript é legal!"; // Não recomendado, entretanto

  • Números: desde que sejam precedidos por uma ou mais letras.
    

    var camisa9 = "ronaldo";
    var camisa230lateral = "joaozinho";

  • Underline e cifrão: "_" e "$" também são permitidos em qualquer posição, mas pouco usados.
    

    var _nome = 'Gabriel'
    var segundo_nome = "Mendonça"
    var $ultimo_nome_ = ""

Nome reservados pela linguagem
Alguns nomes não podem ser utilizados para criação de variáveis pois estão reservados de alguma forma à linguagem. São eles:

abstract boolean break byte case catch char class const continue default do double else extends false final finally float for function goto if implements import in instanceof int interface long native new null package private protected public return short static super switch synchronized this throw throws transient true try var void while with

Tipos de variáveis

Quando falamos em tipos de variáveis, temos as linguagens chamadas de fortemente tipadas e fracamente tipadas.

Em linguagens fortemente tipadas, definimos o tipo da variável no momento de sua criação. Exemplos de linguagens do tipo: Java; C; C++.

Em linguagens fracamente tipadas, não precisamos definir o tipo da variável, ela é tipada automaticamente quando recebe um valor. Exemplos de linguagens do tipo: Python; Ruby; Javascript.

• Int - Variáveis com valores inteiros.

  var idade = 17;
  var graus = -3;
  var pontos = 0;
  var numeroGrande = 2000009283;

• Float - Variáveis com ponto flutuante ou casas decimais.

  var peso = 32.59345;
  var PI = 3.14;
  var meu_saldo = -1034.32

  Observação: em linguagens de programação utiliza-se "." (ponto final) para separar casas decimais em vez da ',' (vírgula).

• String - Variáveis de texto, normalmente chamada de "cadeia de caracteres". Os valores desse tipo são atribuídos utilizando aspas duplas (") ou aspas simples (') como delimitador.

  var nome = "Gabriel Mendonça";
  var data_nascimento = "17 de Junho de 1988";
  var email = "gabriel@host2.com.br";
  var tempo = "20s";

  Observação: Tudo o que é declarado entre os delimitadores (") ou (') é entendido como parte da string, mesmo que sejam números.

• Booleanos - Tipo de dado de dois valores: "true" (verdadeiro) ou "false" (falso).

  var verdadeiro = true;
  var verdadeiro2 = 1;
  var falso1 = false;
  var false2 = 0;
  var falso3 = null
  

  Observação: Apesar dos valores true e false representarem, respectivamente, os valores "verdadeiro" e "falso", pode-se utilizar outros valores para essa representação, como exemplificado acima.

• Arrays - Um array referencia a vários espaços na memória. É um conjunto de valores e/ou variáveis organizadas por índice (que pode ser um valor inteiro ou string). O entendimento desse tipo é muito importante.

  Retomando a analogia inicial: imagine que em uma gaveta você queira armazenar bebidas. Nela teria suco, refrigerante, café, água mineral... Perceba que esses itens formam uma lista e que todos os itens são bebidas, ou seja, itens de uma mesma categoria. Com o uso de arrays evitamos declarar diversas variáveis para um mesmo grupo (nada de bebida1, bebida2!), acessando os itens pelos seus respectivos índices: bebida[1], bebida[2]. Se você perceber, declarar várias variáveis para uma mesma coisa usaria desnecessariamente várias gavetas, enquanto declarar um array para armazenar todas as "mesmas coisas" usaria apenas uma. Não soa mais inteligente? :-)

  Pense que, enquanto uma variável é uma casa, um array é um prédio; ou que um array é como um gaveteiro. Na seção Arrays você entenderá melhor seu funcionamento.

• Objetos - Ver seção O que são objetos.