Explicando os Tipos de Dados em JavaScript

JavaScript, a linguagem de programação mais amplamente utilizada na web, possui uma tipagem dinâmica, o que significa que as variáveis podem conter diferentes tipos de dados ao longo do tempo. Abaixo você pode encontrar todos os tipos de dados em javascript!

Acesse também: Tudo que Você Precisa Saber para Aprender Node.JS

1. Tipos Primitivos

1.1 Números (Number)

JavaScript lida com números inteiros e de ponto flutuante, mas cuidado com o cálculo de número flutuante, pois code gerar imprecisões como abaixo.

let inteiro = 42;
let flutuante = 3.14;
let resultadoImpreciso = 0.1 + 0.2;

console.log(resultadoImpreciso); // Saída esperada: 0.3
console.log(resultadoImpreciso); // Saída real: 0.30000000000000

1.2 Cadeias de Caracteres (String)

As strings são sequências de caracteres e podem ser definidas usando aspas simples, duplas ou crases se for necessário atribuir alguma lógica no meio.

let saudacao = 'Olá, mundo!';
let mensagem = "JavaScript é poderoso.";
let mensagemComLogica = "Olá, meu nome é: ${nome}"

1.3 Booleanos (Boolean)

Os booleanos representam valores verdadeiros ou falsos e são fundamentais para estruturas condicionais.

let verdadeiro = true;
let falso = false;

1.4 Indefinido (Undefined) e Nulo (Null)

Undefined é atribuído automaticamente a variáveis não inicializadas, enquanto null é utilizado para indicar a ausência de valor intencionalmente, ou seja um inteiro sem valor é um undefined não um null.

let indefinidoVar;
let nuloVar = null;

console.log(indefinidoVar); // Saída: 'undefined'

1.5 Símbolos (Symbol)

Símbolos são únicos e geralmente são usados como identificadores exclusivos em objetos.

const simbolo = Symbol('descricao');

const meuObjeto = {
  [simboloChave]: 'valor_da_propriedade'
};

console.log(meuObjeto[simboloChave]); // Saída: 'valor_da_propriedade'

2. Tipos de Objetos

2.1 Objetos

Objetos em JavaScript são estruturas de dados chave-valor e podem conter qualquer tipo de dado.

let pessoa = {
  nome: 'João',
  idade: 30,
  solteiro: true
};

console.log(pessoa.nome); // Saída: 'João'

2.2 Arrays

Os arrays armazenam coleções ordenadas de dados e são indexados por números inteiros.

let frutas = ['maçã', 'banana', 'laranja'];

console.log(frutas[0]); // Saída: 'maçã'

2.3 Funções

Funções são objetos em JavaScript, permitindo a criação de blocos de código reutilizáveis.

function saudar(nome) {
  return 'Olá, ' + nome + '!';
}

console.log(saudar(carlos)); // Saída: 'Olá, carlos!'

2.4 Outros Objetos

JavaScript oferece uma variedade de objetos incorporados, como Date para manipulação de datas, RegExp para expressões regulares, entre outros.

let hoje = new Date();
let expressaoRegular = /pattern/;

console.log(hoje); // Saída: Fri Nov 24 2023 17:30:12 GMT-0300 (Horário Padrão de Brasília)

3. Coerção de Tipos

JavaScript realiza conversões automáticas entre tipos de dados em certas operações, conhecido como coerção de tipos. Isso pode levar a resultados inesperados e é crucial entender como ocorre.

let soma = 5 + '5'; // Resultado: '55'
let somaCorreta = 5 + 5; // Resultado: 10

4. Boas Práticas e Considerações Finais

Ao lidar com tipos de dados em JavaScript, algumas boas práticas podem melhorar a clareza e a robustez do código:

• Use const sempre que possível: Isso ajuda a evitar a reatribuição acidental de variáveis.
• Use let somente quando a variável receber vários valores em uma mesma lógica.
• Seja explícito: Declare o tipo de dados esperado sempre que possível para facilitar a leitura e manutenção do código.
• Evite coerção automática: Converta explicitamente os tipos quando necessário para evitar resultados inesperados.

Em resumo, compreender os tipos de dados em JavaScript é fundamental para devs de todas as senioridades, juniors, plenos e seniors para escrever código eficiente e prevenir futuros bugs.