Tipos de dados no JavaScript (JS)

Você precisa entender tipos de dados JS

O JavaScript – JS é uma linguagem digitada dinamicamente. Em outras palavras, o tipo de dados das variáveis JavaScript pode mudar ao longo da execução de um programa.

Como resultado, muitas vezes pode ser útil verificar o tipo de dados de uma variável em tempo de execução (pois o código está executando) antes de executar uma operação na referida variável.

Tipos de dados JS

JavaScript tem os tipos de dados primitivos:

  1. null
  2. undefined
  3. boolean
  4. number
  5. string
  6. symbol – disponível a partir de ES2015
  7. bigint – disponível a partir de ES2020
  8. object. – Tipos de dados complexo
Esquema - tipos de dados JS
Esquema – tipos de dados JS

JavaScript é uma linguagem tipada dinamicamente. Isso significa que uma variável não se associa a um tipo. Em outras palavras, uma variável pode conter um valor de diferentes tipos. Por exemplo:

Para obter o tipo atual do valor que a variável armazena, você usa o typeof operador:

Veja também:

Estrutura Básica Do HTML
Introdução rápida sobre CSS
Introdução rápida sobre Python

O tipo indefinido

O undefined tipo é um tipo primitivo que tem apenas um valor undefined. Por padrão, quando uma variável é declarada, mas não inicializada, é atribuído o valor de undefined.

Considere o seguinte exemplo:

Neste exemplo, o counter é uma variável. Como counter não foi inicializado, é atribuído o valor undefined. O tipo de counter também é undefined.

É importante notar que o typeof operador também retorna undefined quando você o chama em uma variável que não foi declarada:

O tipo nulo

O null tipo é o segundo tipo de dados primitivo que também possui apenas um valor null. Por exemplo:

O objeto typeof null retorna um bug conhecido em JavaScript. Uma proposta para corrigir isso foi proposta, mas rejeitada. O motivo foi que essa correção quebraria muitos sites existentes.

JavaScript define que null é igual a undefined:

O tipo de número

JavaScript usa o number tipo para representar números inteiros e de ponto flutuante.

A instrução a seguir declara uma variável e inicializa seu valor com um inteiro:

Para representar um número de ponto flutuante, inclua um ponto decimal seguido por pelo menos um número. Por exemplo:

Observe que o JavaScript converte automaticamente um número de ponto flutuante em um número inteiro se o número parecer ser um número inteiro.

A razão é que o Javascript sempre quer usar menos memória, já que um valor de ponto flutuante usa duas vezes mais memória que um valor inteiro. Por exemplo:

Para obter o intervalo do tipo de número, você usa Number.MIN_VALUE e Number.MAX_VALUE. Por exemplo:

Além disso, você pode usar Infinity e -Infinity para representar o número infinito. Por exemplo:

Tipos de dados NaN – JS

NaN significa não é um número. É um valor numérico especial que indica um número inválido. Por exemplo, a divisão de uma string por um número retorna NaN:.

O NaN tem duas características especiais:

  • Qualquer operação com NaN retorno NaN.
  • O NaN não é igual a nenhum valor, incluindo ele mesmo.

aqui estão alguns exemplos:

O tipo de string

Em JavaScript, uma string é uma sequência de zero ou mais caracteres. Um literal de string começa e termina com aspas simples ( ) ou aspas duplas ( ).

Uma string que começa com aspas duplas deve terminar com aspas duplas. Da mesma forma, uma string que começa com aspas simples também deve terminar com aspas simples:

Se você quiser aspas simples ou duplas em uma string literal, você precisa usar a barra invertida para escapar. Por exemplo:

As strings JavaScript são imutáveis. Isso significa que ele não pode ser modificado depois de criado. No entanto, você pode criar uma nova string a partir de uma string existente. Por exemplo:

Neste exemplo:

  • Primeiro, declare a str variável e inicialize-a com uma string de ‘JavaScript’.
  • Segundo, use o + operador para combinar ‘JavaScript’ para ‘ String’ tornar seu valor como ‘Javascript String’.

Nos bastidores, o mecanismo JavaScript cria uma nova string que contém a nova string ‘JavaScript String’ e destrói as strings originais ‘JavaScript’ e arquivos ‘ String’.

O exemplo a seguir tenta alterar o primeiro caractere da string JavaScript:

O tipo de dados booleano – JS

O boolean tipo tem dois valores literais: true e false em minúsculas. O exemplo a seguir declara duas variáveis ​​que contêm os valores booleanos.

JavaScript permite que valores de outros tipos sejam convertidos em valores booleanos de trueou false.

Para converter um valor de outro tipo de dados em um valor booleano, você usa a Boolean() função. A tabela a seguir mostra as regras de conversão:

Por exemplo:

O tipo de símbolo

JavaScript adicionou um tipo primitivo no ES6: o symbol. Diferente de outros tipos primitivos, o symbol tipo não possui uma forma literal.

Para criar um símbolo, você chama a Symbol função da seguinte forma:

A Symbol função cria um novo valor exclusivo toda vez que você a chama.

Observe que você aprenderá mais sobre símbolos no tutorial de símbolos.

O tipo bigint

O bigint tipo representa os números inteiros maiores que 2 53  – 1. Para formar um bigint número literal, adicione a letra n no final do número:

E você aprenderá mais sobre o bigint em um próximo artigo.

O tipo de objeto

Em JavaScript, um objeto é uma coleção de propriedades, onde cada propriedade é definida como um par chave-valor.

O exemplo a seguir define um objeto vazio usando a sintaxe literal do objeto:

O exemplo a seguir define o person objeto com duas propriedades: firstName e lastName.

Um nome de propriedade de um objeto pode ser qualquer string. Você pode usar aspas ao redor do nome da propriedade se não for um identificador válido.

Por exemplo, se o objeto pessoa tiver uma propriedade first-name, você deve colocá-lo entre aspas como “first-name”.

Uma propriedade de um objeto pode conter um objeto. Por exemplo:

O contact objeto tem as propriedades firstName, lastName, email, phone e address.

A address propriedade em si contém um objeto que tem propriedades building, street, city, state e country.

Para acessar a propriedade de um objeto, você pode usar

A notação de ponto ( .)

A notação tipo array ( []).

O exemplo a seguir usa a notação de ponto ( .) para acessar as propriedades firstNamelastName do contact objeto.

Se você fizer referência a uma propriedade que não existe, obterá um undefined valor. Por exemplo:

O exemplo a seguir usa a notação de matriz para acessar as propriedades email e phone do contact objeto.

Veja o primeiro artigo do Roadmap: Introdução rápida sobre JavaScript

Conclusão

Chegamos ao fim de mais um artigo do roadmap sobre JavaScript – JS. Aqui você aprendeu os tipos de dados do JS. Assim ao poucos você está formando a base para construir os seus próprios projetos usando o JavaScript. Então continue comigo nessa caminhada passo a passo e lembre-se de voltar ao artigo anterior caso não tenha lido.

Portanto, bons estudos e vamos para próximo artigo do roadmap.

Perguntas frequentes

1. Quais são os tipos de dados primitivos em JavaScript?

Os tipos de dados primitivos em JavaScript são: Number, String, Boolean, Null, Undefined e Symbol.

2. O que é um número em JavaScript?

Um número em JavaScript é um tipo de dado que representa valores numéricos, incluindo inteiros e decimais.

3. O que é uma string em JavaScript?

Uma string em JavaScript é um tipo de dado que representa uma sequência de caracteres entre aspas simples ou duplas.

4. O que é um boolean em JavaScript?

Um boolean em JavaScript é um tipo de dado que representa valores lógicos verdadeiro ou falso.

5. O que é o tipo Null em JavaScript?

O tipo Null em JavaScript representa a ausência de valor, ou seja, um valor explícito que indica a ausência de valor.

6. O que é o tipo Undefined em JavaScript?

O tipo Undefined em JavaScript representa a ausência de valor atribuído a uma variável. Uma variável sem valor atribuído é considerada como Undefined.

7. O que é um símbolo em JavaScript?

Um símbolo em JavaScript é um tipo de dado único e imutável, usado para identificar propriedades únicas de objetos.

Rolar para cima