Tipos de dados JavaScript (com exemplos)

Neste tutorial, você aprenderá sobre os vários tipos de dados disponíveis em JavaScript com a ajuda de exemplos.

Conforme sugerido pelo nome, os tipos de dados referem-se aos tipos de dados que você pode usar em seu programa. Por exemplo,

 const x = 5; const y = "Hello";

Aqui,

  • 5 é um dado inteiro.
  • "Hello" é um dado de string.

Tipos de dados JavaScript

Existem oito tipos de dados básicos em JavaScript. Eles são:

Tipos de dados Descrição Exemplo
String representa dados textuais 'hello', "hello world!"etc.
Number um número inteiro ou de ponto flutuante 3, 3.234, 3e-2Etc.
BigInt um inteiro com precisão arbitrária 900719925124740999n, 1nEtc.
Boolean Qualquer um dos dois valores: verdadeiro ou falso true e false
undefined um tipo de dados cuja variável não foi inicializada let a;
null denota um nullvalor let a = null;
Symbol tipo de dados cujas instâncias são únicas e imutáveis let value = Symbol('hello');
Object pares de valor-chave de coleta de dados let student = ( );

Aqui, todos os tipos de dados, exceto Objectsão tipos de dados primitivos, enquanto Objectnão são primitivos.

Nota: O Objecttipo de dados (tipo não primitivo) pode armazenar coleções de dados, enquanto o tipo de dados primitivo pode armazenar apenas um único dado.

String JavaScript

Stringé usado para armazenar texto. Em JavaScript, as strings são colocadas entre aspas:

  • Aspas simples: 'Hello'
  • Aspas duplas: "Hello"
  • Backticks: `Hello`

Por exemplo,

 //strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;

As aspas simples e duplas são praticamente iguais e você pode usar qualquer uma delas.

Backticks geralmente são usados ​​quando você precisa incluir variáveis ​​ou expressões em uma string. Isso é feito envolvendo variáveis ​​ou expressões $(variable or expression)como mostrado acima.

Você aprenderá sobre o uso de crases no tutorial JavaScript String.

Número JavaScript

Numberrepresenta números inteiros e flutuantes (decimais e exponenciais). Por exemplo,

 const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5

Um tipo de número pode também ser +Infinity, -Infinitye NaN(não um número). Por exemplo,

 const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN

JavaScript BigInt

Em JavaScript, o Numbertipo pode representar apenas números menores que (2 53 - 1) e mais que - (2 53 - 1) . No entanto, se você precisar usar um número maior do que esse, poderá usar o BigInttipo de dados.

Um BigIntnúmero é criado acrescentando n ao final de um inteiro. Por exemplo,

 // BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2); 

Resultado

 900719925124740999n TypeError não capturado: não é possível misturar BigInt e outros tipos

Nota: BigInt foi introduzido na versão mais recente do JavaScript e não é compatível com muitos navegadores, incluindo o Safari. Visite o suporte do JavaScript BigInt para saber mais.

JavaScript Booleano

Este tipo de dados representa entidades lógicas. Booleanrepresenta um de dois valores: trueou false. É mais fácil pensar nisso como uma opção sim / não. Por exemplo,

 const dataChecked = true; const valueCounted = false;

Você aprenderá mais sobre booleanos no tutorial Comparação de JavaScript e operadores lógicos.

JavaScript indefinido

O undefinedtipo de dados representa o valor que não foi atribuído . Se uma variável for declarada, mas o valor não for atribuído, o valor dessa variável será undefined. Por exemplo,

 let name; console.log(name); // returns undefined

Também é possível atribuir explicitamente um valor de variável undefined. Por exemplo,

 let name = undefined; console.log(name); // returns undefined

Observação: é recomendado não atribuir explicitamente undefineda uma variável. Normalmente, nullé usado para atribuir valor 'desconhecido' ou 'vazio' a uma variável.

JavaScript nulo

Em JavaScript, nullé um valor especial que representa um valor vazio ou desconhecido . Por exemplo,

 const number = null;

O código acima sugere que a variável numérica está vazia.

Nota : nullnão é o mesmo que NULL ou Null.

Símbolo JavaScript

This data type was introduced in a newer version of JavaScript (from ES2015).

A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,

 // two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');

Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.

Visit JavaScript Symbol to learn more.

JavaScript Object

An object is a complex data type that allows us to store collections of data. For example,

 const student = ( firstName: 'ram', lastName: null, class: 10 );

You will learn about JavaScript Objects in later tutorial.

JavaScript Type

JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.

Isso também significa que uma variável pode ser de um tipo de dados e, posteriormente, pode ser alterada para outro tipo de dados. Por exemplo,

 // data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";

Tipo de JavaScript

Para encontrar o tipo de uma variável, você pode usar o typeofoperador. Por exemplo,

 const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"

Observe que typeofretornou "object"para o nulltipo. Este é um problema conhecido em JavaScript desde seu primeiro lançamento.

Artigos interessantes...