Uma introdução aos tipos de dados em JavaScript

Um tipo de dados define o tipo e o comportamento dos dados - ele informa ao compilador ou interpretador como um programador pretende usar um dado. A maioria das linguagens de programação oferece suporte a tipos de dados básicos como número, booleano, string, etc.

JavaScript suporta oito tipos de dados: Number, BigInt, Boolean, String, Null, Undefined, Symbol e Object. Neste artigo, você aprenderá sobre todos os oito tipos de dados JavaScript e como usá-los.

Tipos de dados JavaScript

Os tipos de dados em JavaScript podem ser amplamente classificados em duas categorias: tipos de dados primitivos e tipos de dados não primitivos. Um objeto é um tipo de dados não primitivo ou complexo e o resto são tipos de dados primitivos.

JavaScript é uma linguagem de tipo dinâmico, o que significa que os tipos de variáveis ​​são verificados durante o tempo de execução. A mesma variável pode conter valores de diferentes tipos a qualquer momento.

Por exemplo:

// x é uma string
deixe x = "Olá, Mundo";
// x é um número
x = 100;
// x agora é um booleano
x = verdadeiro;

Se você quiser encontrar o tipo de dados atual de uma variável, use o tipo de operador.

// x é uma string
deixe x = "Olá, Mundo";
console.log (typeof (x));
// x é um número
x = 100;
console.log (typeof (x));
// x agora é um booleano
x = verdadeiro;
console.log (typeof (x));

Saída:

fragmento
número
boleano

1. Tipo de dados numéricos em JavaScript

O tipo de dados de número em JavaScript usa o IEEE-754 formato para representar números inteiros e de ponto flutuante. Você pode realizar muitas operações em números em JavaScript, como adição, subtração, divisão, multiplicação e assim por diante. Para realizar operações mais complexas, você pode usar o Objeto matemático.

Alguns exemplos para criar números em JavaScript:

// Usando declaração literal
deixe n1 = 100;
deixe n2 = 456,234;
// Usando o construtor Number ()
deixe n3 = Número (100);
// Conversão para inteiro
deixe n4 = Number.parseInt ("456,234");
// Conversão para flutuar
deixe n5 = Number.parseFloat ("456,234");
deixe n6 = Number.parseFloat ("1,13e3");
// Conversão unária em número
deixe n7 = + "345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

Saída:

100
456.234
100
456
456.234
1130
345

Números inteiros

A instrução a seguir cria uma variável contendo um número inteiro:

deixe x = 21;

Se você deseja criar literais octais (base 8), você precisa usar o 0o prefixo com a sequência de dígitos octais (dígitos de 0 a 7).

deixe x = 0o53;
console.log (x);

Saída:

43

Da mesma forma, se você deseja criar literais hexadecimais (base 16), use o 0x prefixo com a sequência de dígitos hexadecimais (0 a 9 e A a F).

deixe x = 0x53;
console.log (x);

Saída:

83

Números de ponto flutuante

A instrução a seguir cria uma variável contendo um número de ponto flutuante:

deixe x = 324,56;

Você pode usar a notação eletrônica para representar números muito grandes ou muito pequenos.

seja x = 1,13e6;
console.log (x);

Saída:

1130000

JavaScript também fornece outros valores numéricos especiais que pertencem ao número tipo de dados - NaN, Infinity e -Infinity.

• NaN: NaN apoia Não é um número o que significa um número inválido. Por exemplo, se você dividir uma string e um número, o resultado será NaN.

  console.log ("MakeUseOf" / 10);

  Saída:

  NaN

  Curiosamente, NaN não é igual a nada, incluindo a si mesmo.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf" / 10));
  console.log (NaN NaN);

  Saída:

  falso
  falso
  falso

  Além disso, se uma expressão matemática em algum lugar contiver NaN, o resultado será sempre NaN.
• Infinity e -Infinity: Infinidade e -Infinidade representa o matemático ∞ e -∞ respectivamente.

2. Tipo de dados BigInt em JavaScript

BigInt é um tipo de dados primitivo em JavaScript que pode representar inteiros com precisão arbitrária. Uma vez que o tipo de dados de número não pode representar valores maiores que (2⁵³-1) ou valores menores que - (2⁵³-1), BigInt é usado em tais casos para representar números muito grandes ou pequenos.

Os números BigInt raramente são usados. Mas se você realmente precisa representar grandes números, por exemplo, para criptografia, calculando o fatorial de grandes números, representando a massa do sol, carimbos de data / hora de precisão de microssegundos e assim por diante, BigInt é o que você deseja usar.

Você pode criar um valor BigInt anexando n ao final de um inteiro ou usando o construtor.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt ("78649264972634817648747234872634876243862348763467547");
console.log (big1);
console.log (big2);

Saída:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

O tipo de dados BigInt é uma adição relativamente recente à linguagem e atualmente é compatível com quase todos os navegadores, exceto o Internet Explorer.

3. Tipo de dados booleano em JavaScript

O tipo de dados booleano pode ter dois valores: verdade e falso. Os valores booleanos são o resultado de comparações lógicas.

deixe x1 = verdadeiro;
console.log (x1);
deixe x2 =! verdadeiro;
console.log (x2);
deixe x3 =!! verdadeiro;
console.log (x3);
deixe x4 = (falso && verdadeiro);
console.log (x4);
deixe x5 = (falso || verdadeiro);
console.log (x5);
deixe x6 = (2 == "2");
console.log (x6);
deixe x7 = (2 "2");
console.log (x7);
deixe x8 = (nulo indefinido);
console.log (x8);
deixe x9 = (0 == "");
console.log (x9);
deixe x10 = (100> 12);
console.log (x10);

Saída:

verdade
falso
verdade
falso
verdade
verdade
falso
falso
verdade
verdade

Você pode converter um valor de qualquer outro tipo de dados em um tipo de dados booleano usando o Boleano() função.

// Cordas
console.log (booleano (''));
console.log (booleano ('abc'));
console.log (booleano ('123'));
// Números
console.log (booleano (0));
console.log (booleano (1));
console.log (booleano (-1));
console.log (booleano (NaN));
console.log (booleano (infinito));
// Outros
console.log (booleano ([1, 2, 3]));
console.log (booleano (indefinido));
console.log (booleano (nulo));

Saída:

falso
verdade
verdade
falso
verdade
verdade
falso
verdade
verdade
falso
falso

4. Tipo de dados de string em JavaScript

Uma string é uma sequência de zero ou mais caracteres. Strings em JavaScript são imutáveis ​​e são usadas principalmente para representar dados textuais. A indexação de strings começa em 0, ou seja, o primeiro elemento está no índice 0, o segundo em 1 e assim por diante.

As strings devem estar entre aspas. Você pode usar qualquer um dos três tipos de aspas para criar uma string: aspas simples, aspas duplas ou crostas.

As aspas simples e duplas fazem praticamente a mesma coisa, mas uma string que começa com aspas duplas deve terminar com aspas duplas. A mesma regra se aplica ao apóstrofo também.

deixe str1 = "Oi";
deixe str2 = 'Oi';
let str3 = "Como vai você?";
// Usando \ para escapar das aspas simples (')
let str4 = 'Como vai você?';

Backticks são modelos literais e fornecem algumas funcionalidades estendidas. Você pode incorporar variáveis, expressões e até chamadas de função dentro da string.

// Incorporando a variável em uma string
deixe x = "Olá";
deixe str1 = `$ {x}, como vai você?`;
console.log (str1);
// Incorporando expressão em uma string
seja str2 = `Soma de 20 + 30 é: $ {20 + 30}`;
console.log (str2);
// Incorporando chamada de função em uma string
function calculSum (a, b) {
retornar a + b;
}
deixe str3 = `Soma de 20 + 30 é: $ {calculSum (20, 30)}`;
console.log (str3);

Saída:

Ola como vai
A soma de 20 + 30 é: 50
A soma de 20 + 30 é: 50

JavaScript também fornece vários métodos String para manipular strings.

5. Tipo de dados nulos em JavaScript

O tipo de dados nulo tem apenas um valor: nulo. Representa a ausência intencional de qualquer valor de objeto.

deixe n = nulo;

Muitos programadores se confundem entre nulo e indefinido. É complicado entender a diferença entre nulo e indefinido em JavaScript.

6. Tipo de dados indefinido em JavaScript

O tipo indefinido é um tipo especial que significa “valor não atribuído”. Quando você declara uma variável, mas não a inicializa, um valor indefinido é atribuído à variável.

deixe x;
console.log (typeof (x));

Saída:

Indefinido

Você pode atribuir explicitamente indefinido a uma variável, mas é altamente recomendável evitá-lo.

Relacionado: Métodos de conjunto de JavaScript que você deve dominar hoje

7. Tipo de dados de símbolo em JavaScript

Um símbolo é um valor primitivo único e imutável. É usado principalmente para criar identificadores exclusivos para objetos.

Você pode criar um símbolo usando o Símbolo() função. Ele também aceita uma descrição opcional (nome), mas apenas para fins de depuração.

deixe sym1 = Symbol ();
deixe sym2 = Símbolo ("dados");

o Símbolo() A função cria um novo valor exclusivo toda vez que é chamada, mesmo se você criar símbolos com a mesma descrição, os valores serão diferentes.

console.log (Símbolo () == Símbolo ());
console.log (Symbol ("data") == Symbol ("data"));

Saída:

falso
falso

Relacionado: Métodos de mapa JavaScript que você deve dominar hoje

8. Tipo de dados de objeto em JavaScript

Em JavaScript, os objetos são coleções de pares chave-valor, onde a chave é uma string e o valor pode ser qualquer tipo de dados.

Você pode criar um objeto vazio em JavaScript usando a sintaxe do "construtor de objeto" (novo objeto ()) ou a sintaxe "literal de objeto" (chaves {...}).

deixe obj1 = novo Object ();
deixe obj2 = {};

Cada objeto contém uma lista opcional de propriedades, onde uma propriedade é um par chave: valor. Você pode acessar os valores do objeto usando notação de ponto ou notação semelhante a matriz (colchetes).

let obj = {
"chave1": "valor1",
"chave2": "valor2"
}
console.log (obj.key1);
console.log (obj ["chave2"]);

Saída:

valor1
valor2

Como funciona o JavaScript?

JavaScript é uma das linguagens de programação mais populares na web hoje. Você pode usar JavaScript para criar sites, aplicativos da web, aplicativos de servidor, jogos, aplicativos móveis, etc. Basta dizer que você pode fazer quase tudo que imaginar com JavaScript.

Mas você sabe como o JavaScript funciona nos bastidores?

O que é JavaScript e como funciona?

Se você está aprendendo desenvolvimento web, aqui está o que você precisa saber sobre JavaScript e como ele funciona com HTML e CSS.

Leia a seguir

Sobre o autor