{"id":829,"date":"2024-05-01T13:32:28","date_gmt":"2024-05-01T16:32:28","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=829"},"modified":"2025-11-13T10:34:51","modified_gmt":"2025-11-13T13:34:51","slug":"tipos-de-dados-javascript","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/tipos-de-dados-javascript\/","title":{"rendered":"Tipos de Dados Javascript"},"content":{"rendered":"Tempo de leitura: <\/span> 3<\/span> minutos<\/span><\/span>\n

Tipos de Dados Javascript<\/strong>: O JavaScript opera sob um sistema de tipagem din\u00e2mica e fraca<\/strong>. Embora o tipo de uma vari\u00e1vel possa mudar durante a execu\u00e7\u00e3o, todo valor<\/strong> em JS pertence a uma categoria estrita.<\/p>\n\n\n\n

Entender esse sistema \u00e9 fundamental, pois ele define como os dados s\u00e3o armazenados, manipulados e, crucialmente, comparados<\/strong>. Dividimos os tipos em duas categorias principais: Primitivos (Imut\u00e1veis)<\/strong> e Objetos (Mut\u00e1veis)<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. Tipos Primitivos (Imut\u00e1veis)<\/h2>\n\n\n\n

Tipos primitivos representam valores \u00fanicos e s\u00e3o imut\u00e1veis<\/strong>. Ou seja, voc\u00ea n\u00e3o altera o valor primitivo; voc\u00ea reatribui a vari\u00e1vel para apontar para um novo valor. O JavaScript possui sete<\/strong> tipos primitivos:<\/p>\n\n\n\n

Tipo<\/strong><\/td>Descri\u00e7\u00e3o<\/strong><\/td>Exemplo<\/strong><\/td><\/tr><\/thead>
Number<\/code><\/strong><\/td>N\u00fameros inteiros e de ponto flutuante.<\/td>42<\/code>, 3.14<\/code><\/td><\/tr>
String<\/code><\/strong><\/td>Sequ\u00eancia de caracteres (texto), delimitada por aspas.<\/td>\"Ol\u00e1, Mundo!\"<\/code><\/td><\/tr>
Boolean<\/code><\/strong><\/td>L\u00f3gico: true<\/code><\/strong> ou false<\/code><\/strong>.<\/td>true<\/code><\/td><\/tr>
null<\/code><\/strong><\/td>Aus\u00eancia intencional<\/strong> de qualquer valor (atribu\u00eddo).<\/td>let resultado = null;<\/code><\/td><\/tr>
undefined<\/code><\/strong><\/td>Vari\u00e1vel declarada, mas sem valor atribu\u00eddo<\/strong> (padr\u00e3o).<\/td>let variavel;<\/code><\/td><\/tr>
Symbol<\/code><\/strong><\/td>Valor \u00fanico e imut\u00e1vel (ES6). Usado como identificador de propriedade.<\/td>Symbol('id')<\/code><\/td><\/tr>
BigInt<\/code><\/strong><\/td>N\u00fameros inteiros maiores do que o limite seguro do Number<\/code>.<\/td>9007199254740991n<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n

2. Tipo Objeto (Mut\u00e1vel)<\/h2>\n\n\n\n

O Object<\/code><\/strong> \u00e9 o \u00fanico tipo estrutural. Objetos s\u00e3o cole\u00e7\u00f5es de pares chave-valor e s\u00e3o mut\u00e1veis<\/strong> (suas propriedades podem ser alteradas sem mudar a refer\u00eancia do objeto na mem\u00f3ria).<\/p>\n\n\n\n

<\/div>\n\n\n\n

Subtipos de Objeto Cruciais<\/h3>\n\n\n\n
    \n
  1. Objetos Literais:<\/strong> Usados para agrupar dados.
    JavaScript
    let carro = { marca: \"Tesla\", modelo: \"X\" }; \/\/ Mutabilidade: Podemos mudar a propriedade: carro.modelo = \"Y\";<\/code><\/li>\n\n\n\n
  2. Arrays:<\/strong> Objetos especializados para armazenar cole\u00e7\u00f5es ordenadas<\/strong> de dados.
    JavaScript
    let frutas = [\"ma\u00e7\u00e3\", \"banana\"]; frutas.push(\"laranja\"); \/\/ Adiciona um item (mut\u00e1vel)<\/code><\/li>\n\n\n\n
  3. Fun\u00e7\u00f5es:<\/strong> S\u00e3o objetos de “primeira classe”, podendo ser passadas como argumentos e retornadas.<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n

    3. Tipagem Din\u00e2mica e Coer\u00e7\u00e3o<\/h2>\n\n\n\n

    A tipagem din\u00e2mica<\/strong> \u00e9 a caracter\u00edstica que permite que o tipo de valor armazenado em uma vari\u00e1vel mude durante a execu\u00e7\u00e3o:<\/p>\n\n\n\n

    JavaScript<\/p>\n\n\n\n

    let valor = 10;          \/\/ Tipo: Number\nvalor = \"Dez\";           \/\/ Tipo agora \u00e9 String\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    \ud83d\udea8 O Risco da Coer\u00e7\u00e3o de Tipos (Type Coercion<\/em>)<\/h3>\n\n\n\n
    O JavaScript tenta automaticamente converter tipos de dados em opera\u00e7\u00f5es, o que \u00e9 chamado de coer\u00e7\u00e3o<\/strong>. Isso \u00e9 uma fonte comum de bugs<\/em>:<\/p>\n\n\n\n
    Opera\u00e7\u00e3o<\/strong><\/td>Exemplo<\/strong><\/td>Resultado<\/strong><\/td>Tipo da Sa\u00edda<\/strong><\/td>Explica\u00e7\u00e3o<\/strong><\/td><\/tr><\/thead>
    +<\/code> (Adi\u00e7\u00e3o)<\/strong><\/td>\"10\" + 5<\/code><\/td>\"105\"<\/code><\/td>String<\/td>O JS converteu 5<\/code> para String (Concatena\u00e7\u00e3o).<\/td><\/tr>
    -<\/code> (Subtra\u00e7\u00e3o)<\/strong><\/td>\"10\" - 5<\/code><\/td>5<\/code><\/td>Number<\/td>O JS converteu \"10\"<\/code> para Number (Opera\u00e7\u00e3o Matem\u00e1tica).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    Regra de Ouro: Igualdade Estrita (===<\/code>)<\/h3>\n\n\n\n
    Para evitar a coer\u00e7\u00e3o inesperada, use os operadores de igualdade estrita (===<\/code>)<\/strong> e desigualdade estrita (!==<\/code>)<\/strong>. Eles comparam valor E tipo<\/strong> sem tentar converter.<\/p>\n\n\n\n
    JavaScript<\/p>\n\n\n\n
    console.log(10 == \"10\");  \/\/ true (Igualdade Fraca: JS converte \"10\" para 10)\nconsole.log(10 === \"10\"); \/\/ false (Igualdade Estrita: Tipos s\u00e3o diferentes)\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    4. Diferen\u00e7a Crucial: Passagem por Valor vs. Refer\u00eancia<\/h2>\n\n\n\n
    A forma como os valores s\u00e3o copiados \u00e9 fundamental e depende do tipo:<\/p>\n\n\n\n