Como verificar o tipo de uma variável em JavaScript?

Entenda como verificar o tipo de uma variável em JavaScript utilizando a função typeof e suas variações.

Como verificar o tipo de uma variável em JavaScript?

Verificar o tipo de uma variável em JavaScript é uma tarefa comum quando você está lidando com diferentes tipos de dados e precisa garantir que uma variável está no formato correto para uma operação específica. A principal maneira de fazer isso é usando a função typeof.

Usando typeof

A função typeof é um operador unário em JavaScript que retorna uma string representando o tipo de dado de uma variável. Essa função pode ser usada para verificar tipos primitivos, como string, number, boolean, entre outros.

Exemplo de código:

let nome = 'João';
console.log(typeof nome);  // Exibe 'string'

let idade = 30;
console.log(typeof idade);  // Exibe 'number'

Neste exemplo, typeof nome retorna 'string', já que a variável nome armazena uma string, e typeof idade retorna 'number', pois a variável idade contém um número.

Tipos Retornados pelo typeof

O typeof pode retornar os seguintes tipos:

  • string – para variáveis que armazenam texto.
  • number – para variáveis que armazenam números.
  • boolean – para variáveis que armazenam valores lógicos (true ou false).
  • undefined – para variáveis que não foram atribuídas a nenhum valor.
  • object – para variáveis que armazenam objetos, arrays ou null.
  • function – para variáveis que armazenam funções (também um tipo de objeto em JavaScript).

Verificando Objetos e Arrays

Se você tentar verificar o tipo de um objeto ou array com typeof, o resultado será object. Para distinguir entre um objeto genérico e um array, você pode usar Array.isArray(). Isso é importante, pois o typeof não diferencia esses tipos de dados.

Exemplo de código:

let pessoa = { nome: 'Ana', idade: 25 };
console.log(typeof pessoa);  // Exibe 'object'

let lista = [1, 2, 3, 4];
console.log(typeof lista);  // Exibe 'object'
console.log(Array.isArray(lista));  // Exibe 'true'

Neste exemplo, ambos os objetos pessoa e lista são considerados object pelo typeof, mas Array.isArray(lista) retorna true, indicando que lista é um array.

Conclusão

O typeof é uma maneira simples e eficiente de verificar o tipo de dados de uma variável em JavaScript. No entanto, quando se trata de objetos e arrays, é importante usar Array.isArray() para verificar especificamente se a variável é um array.

Entender como verificar o tipo de uma variável é crucial para evitar erros em JavaScript, especialmente porque a linguagem tem tipagem dinâmica, ou seja, as variáveis podem assumir diferentes tipos de dados durante a execução do código. Usar o typeof corretamente é uma das primeiras habilidades que um desenvolvedor JavaScript deve aprender para garantir que o código funcione corretamente, sem erros de tipo que podem ser difíceis de rastrear. Além disso, como JavaScript permite a manipulação de diferentes tipos de dados ao longo do código, a verificação de tipos ajuda a manter a integridade das operações realizadas nas variáveis.

Algumas aplicações:

  • Validar tipos de entrada em funções para garantir o processamento correto de dados.
  • Prevenir erros de execução em operações envolvendo diferentes tipos de dados.
  • Manter a integridade dos dados ao realizar operações aritméticas ou lógicas.
  • Trabalhar com APIs e dados dinâmicos, garantindo que os tipos estejam corretos antes de usar.
  • Usar em frameworks e bibliotecas onde a verificação de tipo é fundamental para a execução do código.

Dicas para quem está começando

  • Quando estiver em dúvida sobre o tipo de uma variável, use sempre o typeof para verificar antes de usá-la.
  • Não se esqueça de que typeof retorna object para objetos e arrays, então use Array.isArray() para distinguir arrays.
  • Se você estiver manipulando dados de entradas de usuário, sempre valide os tipos para evitar comportamentos inesperados.
  • Pratique o uso do typeof para se familiarizar com os tipos de dados e evitar erros em seu código.

Contribuições de Isabela Oliveira

Compartilhe este tutorial: Como verificar o tipo de uma variável em JavaScript?

Compartilhe este tutorial

Continue aprendendo:

O que são tipos de dados em JavaScript?

Entenda os principais tipos de dados em JavaScript e como utilizá-los corretamente para melhorar seu código.

Tutorial anterior

O que é coercion (coerção) de tipos em JavaScript?

Entenda o conceito de coercion (coerção) de tipos em JavaScript e como a conversão implícita e explícita de tipos pode afetar o comportamento do seu código.

Próximo tutorial