Tipos de dados JavaScript
As variáveis JavaScript podem conter diferentes tipos de dados: números, strings, objetos e mais:
let length = 16; // Number
let lastName = "Johnson"; // String
let x = {firstName:"John", lastName:"Doe"}; // Object
O Conceito de Tipos de Dados
Na programação, os tipos de dados são um conceito importante.
Para poder operar em variáveis, é importante saber algo sobre o tipo.
Sem tipos de dados, um computador não pode resolver isso com segurança:
let x = 16 + "Volvo";
Faz algum sentido adicionar "Volvo" a dezesseis? Produzirá um erro ou produzirá um resultado?
JavaScript tratará o exemplo acima como:
let x = "16" + "Volvo";
Ao adicionar um número e uma string, o JavaScript tratará o número como uma string.
Exemplo
let x = 16 + "Volvo";
Exemplo
let x = "Volvo" + 16;
JavaScript avalia expressões da esquerda para a direita. Sequências diferentes podem produzir resultados diferentes:
JavaScript:
let x = 16 + 4 + "Volvo";
Resultado:
20Volvo
JavaScript:
let x = "Volvo" + 16 + 4;
Resultado:
Volvo164
No primeiro exemplo, JavaScript trata 16 e 4 como números, até chegar a "Volvo".
No segundo exemplo, como o primeiro operando é uma string, todos os operandos são tratados como strings.
Os tipos de JavaScript são dinâmicos
JavaScript tem tipos dinâmicos. Isso significa que a mesma variável pode ser usada para armazenar diferentes tipos de dados:
Exemplo
let x; // Now x is undefined
x = 5; // Now x is a Number
x = "John"; // Now x is a String
Cadeias JavaScript
Uma string (ou uma string de texto) é uma série de caracteres como "John Doe".
Strings são escritas com aspas. Você pode usar aspas simples ou duplas:
Exemplo
let carName1 = "Volvo XC60"; // Using double quotes
let carName2 = 'Volvo XC60'; // Using single quotes
Você pode usar aspas dentro de uma string, desde que elas não correspondam às aspas que cercam a string:
Exemplo
let answer1 = "It's alright";
// Single quote inside double quotes
let answer2 = "He is called 'Johnny'";
// Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';
// Double quotes inside single quotes
Você aprenderá mais sobre strings posteriormente neste tutorial.
Números JavaScript
JavaScript tem apenas um tipo de números.
Os números podem ser escritos com ou sem decimais:
Exemplo
let x1 = 34.00; // Written with decimals
let x2 = 34; // Written without decimals
Números extra grandes ou extra pequenos podem ser escritos com notação científica (exponencial):
Exemplo
let y = 123e5; // 12300000
let z = 123e-5; // 0.00123
Você aprenderá mais sobre números posteriormente neste tutorial.
Booleanos JavaScript
Booleanos podem ter apenas dois valores: true
ou false
.
Exemplo
let x = 5;
let y = 5;
let z = 6;
(x == y)
// Returns true
(x == z) // Returns
false
Booleanos são frequentemente usados em testes condicionais.
Você aprenderá mais sobre testes condicionais posteriormente neste tutorial.
Matrizes JavaScript
Matrizes JavaScript são escritas com colchetes.
Os itens da matriz são separados por vírgulas.
O código a seguir declara (cria) um array chamado cars
, contendo três itens (nomes dos carros):
Exemplo
const cars = ["Saab", "Volvo", "BMW"];
Os índices de matriz são baseados em zero, o que significa que o primeiro item é [0], o segundo é [1] e assim por diante.
Você aprenderá mais sobre matrizes posteriormente neste tutorial.
Objetos JavaScript
Objetos JavaScript são escritos com chaves {}
.
As propriedades do objeto são escritas como pares nome:valor, separados por vírgulas.
Exemplo
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
O objeto (pessoa) no exemplo acima tem 4 propriedades: firstName, lastName, age e eyeColor.
Você aprenderá mais sobre objetos posteriormente neste tutorial.
O tipo de Operador
Você pode usar o typeof
operador JavaScript para localizar o tipo de uma variável JavaScript.
O typeof
operador retorna o tipo de uma variável ou expressão:
Exemplo
typeof "" // Returns
"string"
typeof "John" // Returns
"string"
typeof "John Doe" // Returns
"string"
Exemplo
typeof 0 // Returns
"number"
typeof 314 // Returns
"number"
typeof 3.14 // Returns
"number"
typeof (3) // Returns
"number"
typeof (3 + 4) // Returns
"number"
Você aprenderá mais sobre typeof posteriormente neste tutorial.
Indefinido
Em JavaScript, uma variável sem valor tem o valor undefined
. O tipo também é undefined
.
Exemplo
let car; // Value is undefined,
type is undefined
Qualquer variável pode ser esvaziada, definindo o valor como undefined
. O tipo também será undefined
.
Exemplo
car = undefined; // Value is undefined,
type is undefined
Valores vazios
Um valor vazio não tem nada a ver com undefined
.
Uma string vazia tem um valor legal e um tipo.
Exemplo
let car = ""; //
The value is
"", the typeof is "string"