Variáveis e Tipos de Dados em JavaScript

Introdução

Bem-vindo ao mundo do JavaScript! Neste laboratório, você aprenderá sobre dois dos conceitos mais fundamentais em programação: variáveis e tipos de dados. Variáveis são como recipientes que armazenam informações, e tipos de dados definem que tipo de informação uma variável pode conter.

Abordaremos:

• Declaração de variáveis usando a palavra-chave let.
• Trabalhando com três tipos de dados básicos: String (texto), Number (valores numéricos) e Boolean (verdadeiro/falso).
• Usando a função console.log() para exibir a saída.
• Verificando o tipo de dado de uma variável com o operador typeof.

Ao final deste laboratório, você terá uma base sólida para trabalhar com dados em JavaScript.

Declarar variável com a palavra-chave let

Nesta etapa, você aprenderá como declarar uma variável em JavaScript. Usamos palavras-chave para declarar variáveis, e uma das mais comuns é let. A palavra-chave let indica que você está criando uma nova variável que pode ser reatribuída posteriormente.

Primeiro, encontre o arquivo script.js no explorador de arquivos no lado esquerdo do WebIDE. Clique nele para abri-lo no editor.

Agora, adicione a seguinte linha de código a script.js para declarar uma variável chamada message.

let message;

Esta linha instrui o motor JavaScript a reservar um espaço na memória para uma variável chamada message. Ela ainda não tem um valor, o que significa que seu valor é undefined por padrão.

Atribuir valor string à variável

Agora que você declarou uma variável, vamos dar um valor a ela. Começaremos com o tipo de dado String. Uma string é uma sequência de caracteres usada para representar texto. Em JavaScript, strings são delimitadas por aspas simples (') ou aspas duplas (").

Usamos o operador de atribuição (=) para atribuir um valor a uma variável. Você pode declarar e atribuir em duas etapas separadas, mas é mais comum fazer isso em uma única linha.

Modifique seu arquivo script.js para declarar a variável message e atribuir a ela um valor string em uma linha. Substitua o código existente pelo seguinte:

let message = "Hello, LabEx!";

Esta única linha cria a variável message e armazena o texto "Hello, LabEx!" dentro dela.

Atribuir valor numérico e registrar no console

Em seguida, vamos explorar o tipo de dado Number. Este tipo é usado para todos os valores numéricos, incluindo inteiros (como 10) e números decimais (como 3.14).

Nesta etapa, você também aprenderá a usar console.log(). Esta é uma função nativa do JavaScript que exibe informações no console do desenvolvedor do navegador. É uma ferramenta essencial para verificar os valores de suas variáveis e depurar seu código.

Adicione as seguintes linhas ao final do seu arquivo script.js. Isso criará uma nova variável userCount e exibirá seu valor no console.

let userCount = 100;
console.log(userCount);

Para ver a saída, clique na aba Web 8080 no topo da interface do LabEx. Clique com o botão direito na página, selecione "Inspecionar" (Inspect) e, em seguida, clique na aba "Console" no painel de ferramentas do desenvolvedor que aparecer. Você deverá ver o número 100 exibido no console.

Usar booleano true ou false em variável

O terceiro tipo de dado fundamental que abordaremos é o Boolean. Um booleano só pode ter um de dois valores: true ou false. Booleanos são a base da lógica e da tomada de decisões na programação.

Vamos declarar uma variável booleana. Adicione as seguintes linhas ao final do seu arquivo script.js para criar uma variável chamada isComplete e exibir seu valor.

let isComplete = true;
console.log(isComplete);

Agora, volte para a aba Web 8080 e observe o console. Você verá a nova saída true impressa abaixo do 100 da etapa anterior.

Verificar tipo de variável com o operador typeof

Às vezes, você precisa saber que tipo de dado está armazenado em uma variável. O JavaScript fornece o operador typeof para esse propósito. Ele retorna uma string indicando o tipo do operando.

Nesta etapa final, você usará typeof para inspecionar o tipo de dado de cada variável que criou. Adicione as seguintes linhas ao final do seu arquivo script.js.

console.log(typeof message);
console.log(typeof userCount);
console.log(typeof isComplete);

Após adicionar o código, mude para a aba Web 8080 e atualize a página, se necessário. Verifique o console. Agora você verá o tipo de dado de cada variável impresso.

A saída esperada no console será:

string
number
boolean

Resumo

Parabéns por completar este laboratório! Você deu seus primeiros passos na programação JavaScript aprendendo sobre variáveis e tipos de dados fundamentais.

Neste laboratório, você aprendeu a:

• Declarar variáveis usando a palavra-chave let.
• Atribuir valores a variáveis usando o operador de atribuição (=).
• Trabalhar com três tipos de dados essenciais: String, Number e Boolean.
• Usar console.log() para inspecionar valores e depurar seu código.
• Usar o operador typeof para determinar o tipo de dado de uma variável.

Esses conceitos são os blocos de construção para escrever qualquer aplicação JavaScript. À medida que você continua sua jornada de aprendizado, construirá sobre essa base para criar programas mais complexos e interativos.