JavaScript é uma linguagem de programação versátil que alimenta a web, permitindo que os desenvolvedores criem sites interativos e dinâmicos. Um dos conceitos centrais do JavaScript, e de qualquer linguagem de programação, é como os dados são armazenados e manipulados. Para construir aplicações web de forma eficaz, é essencial entender variáveis e tipos de dados em JavaScript.

Neste artigo, abordaremos o que são variáveis, como declará-las e os vários tipos de dados que o JavaScript suporta para armazenar e manipular dados.

Variáveis ​​em JavaScript

O que é uma variável?

Uma variável em JavaScript é como um contêiner que contém dados. Ele permite armazenar e recuperar valores que você pode usar em todo o seu programa. Pense nas variáveis ​​como rótulos anexados aos valores. Depois de atribuir um valor a uma variável, você pode consultá-la pelo nome, em vez de usar o valor diretamente todas as vezes.

Por exemplo, em vez de escrever "John" várias vezes, você pode atribuí-lo a uma variável como esta:

let name = "John";
console.log(name);  // Outputs: John

Declarando Variáveis

Em JavaScript, variáveis ​​podem ser declaradas usando as palavras-chave var, let ou const.

1. var

var é a forma mais antiga de declarar variáveis ​​em JavaScript. No entanto, ele tem alguns problemas de escopo, e é por isso que os desenvolvedores modernos de JavaScript preferem usar let e const.

var age = 30;
console.log(age);  // Outputs: 30

2. deixe

let tem escopo de bloco, o que significa que a variável existe apenas dentro do bloco em que está definida (por exemplo, dentro de uma função ou loop). É a maneira mais comumente usada para declarar variáveis ​​em JavaScript moderno.

let city = "New York";
console.log(city);  // Outputs: New York

3. const

const é semelhante a let, mas é usado para declarar variáveis ​​​​cujos valores não serão alterados. Depois que um valor é atribuído a uma variável declarada com const, ele não pode ser reatribuído.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

Nomeando Variáveis

Ao nomear variáveis, tenha em mente as seguintes regras:

• Nomes de variáveis ​​podem conter letras, números, sublinhados (_) e cifrões ($).
• Eles devem começar com uma letra, sublinhado ou cifrão.
• Nomes de variáveis ​​diferenciam maiúsculas de minúsculas (por exemplo, myVar e myvar são variáveis ​​diferentes).
• Palavras-chave JavaScript (por exemplo, var, let, if, function) não podem ser usadas como nomes de variáveis.

Uma convenção comum é usar camelCase para nomes de variáveis, como myVariableName.

Tipos de dados em JavaScript

JavaScript suporta vários tipos de dados que especificam o tipo de valor que uma variável pode conter. Os tipos de dados são divididos em duas categorias:

• Tipos de dados primitivos
• Tipos de dados não primitivos (referência)

Tipos de dados primitivos

Tipos de dados primitivos são os tipos de dados mais básicos em JavaScript. Eles incluem:

1. Sequência

Strings são usados ​​para representar dados textuais. Eles são colocados entre aspas - simples ('), duplos (") ou crases (`).

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. Número

O tipo de dados numérico representa números inteiros e de ponto flutuante (ou seja, decimais).

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. Booleano

Booleanos representam valores lógicos - verdadeiro ou falso. Eles são frequentemente usados ​​em declarações condicionais e comparações.

let isLoggedIn = true;
let hasAccess = false;

4. Indefinido

Quando uma variável é declarada, mas não recebe um valor, ela é automaticamente inicializada com o valor indefinido.

let myVar;
console.log(myVar);  // Outputs: undefined

5. Nulo

null representa um valor explicitamente vazio ou inexistente. É usado quando você deseja indicar que uma variável não deve ter valor.

let emptyValue = null;

6. Símbolo

Símbolos são valores únicos e imutáveis, normalmente usados ​​para criar chaves de propriedades exclusivas para objetos. Embora não sejam comumente usados ​​por iniciantes, eles são úteis em aplicações avançadas.

let symbol1 = Symbol("description");

7. BigInt

O tipo BigInt permite a representação de números inteiros maiores que o intervalo do tipo Number. É especialmente útil ao trabalhar com números inteiros muito grandes.

let bigNumber = BigInt(123456789012345678901234567890);

Tipos de dados não primitivos (referência)

Tipos de dados não primitivos armazenam estruturas e objetos de dados mais complexos. Eles são conhecidos como tipos de referência porque as variáveis ​​armazenam referências aos dados reais.

1. Objeto

Objetos são coleções de pares de valores-chave. Eles permitem que você armazene vários valores relacionados como propriedades.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. Matriz

Arrays são coleções ordenadas de valores (elementos). Matrizes podem armazenar vários valores em uma única variável, e os valores podem ser de qualquer tipo de dados.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. Função

Funções são blocos de código projetados para executar uma tarefa específica. Em JavaScript, as próprias funções são tratadas como objetos, permitindo que sejam passadas como argumentos ou armazenadas em variáveis.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

Coerção de tipo e digitação dinâmica

JavaScript é digitado dinamicamente, o que significa que você não precisa declarar explicitamente o tipo de uma variável. O JavaScript inferirá automaticamente o tipo com base no valor atribuído. Por exemplo:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

Além disso, o JavaScript executa coerção de tipo, o que significa que ele converterá automaticamente valores de um tipo para outro quando necessário.

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

No primeiro exemplo, o JavaScript força 10 a uma string e o concatena com "5". No segundo exemplo, "5" é convertido em um número para subtração.

Conclusão

Compreender variáveis ​​e tipos de dados é uma etapa fundamental no aprendizado de JavaScript. As variáveis ​​permitem armazenar e gerenciar dados em seus programas, enquanto os tipos de dados definem o tipo de dados com os quais você está trabalhando, de strings a números, booleanos e muito mais.

Ao continuar aprendendo JavaScript, você usará frequentemente variáveis ​​e trabalhará com vários tipos de dados para criar aplicativos da Web interativos e dinâmicos. Ao dominar como manipular esses tipos de dados, você será capaz de escrever códigos mais eficientes e eficazes.