Curso IT Fundamentos JavaScript 038_Tipos de Dados

Em JavaScript, os tipos de dados são usados para representar diferentes tipos de dados, como números, strings, valores booleanos, etc. Os tipos de dados em JavaScript são divididos em duas grandes categorias: tipos de dados primitivos e tipos de dados de objeto.

Tipos de Dados Primitivos

O valor de um tipo de dados primitivo contém apenas um único conteúdo (string, número ou outro).

Number (número)

Usado para representar números, incluindo inteiros e números de ponto flutuante. Por exemplo: 5, 3.14, -10. Os números podem ter muitas operações, como multiplicação *, divisão /, adição +, subtração -, etc. Além dos números regulares, também inclui os chamados “valores numéricos especiais” que pertencem a este tipo: Infinity, -Infinity e NaN. O tipo Number é um tipo de ponto flutuante, pode haver problemas de precisão ao realizar cálculos precisos, como: 0.1 + 0.2. Você pode converter uma string em um inteiro através do método parseInt(), e converter uma string em um número de ponto flutuante através do método parseFloat().

Exemplo:

1
let age = 25;

1
console.log(0.1 + 0.2);  // saída 0.30000000000000004

1
let result = 0.1 * 10 + 0.2 * 10;
2
result = result / 10;  // converter o resultado de volta para ponto flutuante
3
console.log(result);  // saída 0.3

BigInt (grande inteiro)

Tipo de dados que representa inteiros de precisão arbitrária (para limitações de tamanho de memória). Permite representar valores inteiros em um intervalo maior do que o tipo Number, sem perder precisão. Use o sufixo n ou chame o construtor BigInt() para criar um BigInt. Lida com valores inteiros fora do intervalo de Number, não pode ser usado em mistura com inteiros comuns, não pode ser convertido através de parseInt() ou parseFloat().

Exemplo:

1
let bigIntLiteral = 123n;
2
let bigIntObject = BigInt(456);

String (string)

Usado para representar dados de texto, uma string é composta por uma série de caracteres e pode conter letras, números, símbolos, etc., por exemplo: “Hello, World!”, “Olá”, ‘123’. As strings devem ser colocadas entre aspas, incluindo: aspas simples 'Hello', aspas duplas "Hello", crases `Hello`. Aspas simples e duplas são citações “simples”, crases são aspas com extensão de funcionalidade, podem referenciar variáveis diretamente através do método ${…}, preservar formato de texto. Caractere de nova linha \n, caractere de tabulação \t, barra invertida em si \\, aspas simples \' e aspas duplas \", caractere de retorno de carro \r

Exemplo:

1
let text = "Hello, World!";

Boolean (booleano)

Usado para representar valores lógicos, com apenas dois valores possíveis: true ou false.

Exemplo:

1
let isStudent = true;

Undefined (indefinido)

Usado para representar variável não inicializada, indefinida, não atribuída ou função sem valor de parâmetro.

Exemplo:

1
let undefinedVar;
2
alert(undefinedVar);

Null (nulo)

Usado para representar um valor especial ou valor de objeto inexistente que significa “nada”, “vazio” ou “valor desconhecido”.

Exemplo:

1
let nullValue = null;

Symbol (símbolo)

Usado para criar identificadores únicos e imutáveis. Comumente usado para definir propriedades privadas de objetos, criar constantes únicas ou como identificadores de comportamento especial. Cada símbolo criado através de Symbol é único, mesmo que tenham a mesma descrição são diferentes.

Exemplo:

1
const symbol1 = Symbol();
2
const symbol2 = Symbol();
3
console.log(symbol1 === symbol2); // saída false, cada Symbol é único

Tipos de Dados de Objeto

Podem ser usados para armazenar coleções de dados ou conteúdo mais complexo.

Object (objeto)

Usado para armazenar pares chave-valor, ou seja, o mapeamento de propriedades e valores de propriedades. Objetos podem conter valores de vários tipos de dados, incluindo números, strings, valores booleanos, arrays, outros objetos, etc.

Exemplo:

1
let person = {
2
  name: "Alice",
3
  age: 30,
4
  isStudent: false
5
};

Array (array)

Um array é uma estrutura de dados ordenada e mutável usada para armazenar um grupo de valores. Arrays podem conter elementos de diferentes tipos de dados, e cada elemento tem um índice correspondente.

Exemplo:

1
let numbers = [1, 2, 3, 4, 5];

Function (função)

Uma função é um bloco de código reutilizável que pode aceitar parâmetros de entrada, executar uma série de operações e retornar resultados. Funções são cidadãos de primeira classe em JavaScript, podem ser atribuídas a variáveis, passadas como parâmetros para outras funções e também podem ser valores de retorno de outras funções.

Exemplo:

1
function greet(name) {
2
  console.log("Hello, " + name + "!");
3
}
4
greet("JavaScript");

typeof

typeof é um operador em JavaScript usado para obter o tipo de uma variável (então não é necessário adicionar parênteses em typeof). Retorna uma string representando o tipo da variável.

Exemplo:

1
let undefinedVariable;
2
let booleanVariable = true;
3
let numberVariable = 42;
4
let stringVariable = "Hello";
5
let objectVariable = { key: "value" };
6
let functionVariable = function() {};
7
let symbolVariable = Symbol("mySymbol");
8
let nullVariable = null;
9

10
console.log(typeof undefinedVariable);  // saída "undefined"
11
console.log(typeof booleanVariable);    // saída "boolean"
12
console.log(typeof numberVariable);     // saída "number"
13
console.log(typeof stringVariable);     // saída "string"
14
console.log(typeof objectVariable);     // saída "object"
15
console.log(typeof functionVariable);   // saída "function"
16
console.log(typeof symbolVariable);     // saída "symbol"
17
console.log(typeof nullVariable);     // saída "object"

Usar typeof x, x retornará respectivamente o tipo da variável e o valor da variável. Primeiro executa typeof x, depois executa x, e gera os dois valores.

Exemplo:

1
let x = 42;
2
console.log(typeof x, x);

• typeof x retorna “number”, indicando que o tipo da variável x é número.
• x retorna o valor da variável x, ou seja, 42.