Tipos de Dados do JavaScript

strings, números, valores booleanos, arrays, objetos.

Tipos de Dados do JavaScript

Variáveis JavaScript podem armazenar váriosTipos de dados：números, strings, arrays, objetos, etc.:

var length = 7;                             // número
var lastName = "Gates";                      // string
var cars = ["Porsche", "Volvo", "BMW"];         // array
var x = {firstName:"Bill", lastName:"Gates"};    // objeto

O conceito de tipo de dados

No processo de programação, o conceito de tipo de dados é crucial.

Para poder operar variáveis, entender os tipos de dados é muito importante.

Sem tipo de dados, o computador não pode resolver este problema de forma segura:

var x = 911 + "Porsche";

Adicionar 911 a "Volvo" tem sentido? Isso vai gerar um erro ou um resultado?

JavaScript vai lidar com o exemplo acima assim:

var x = "911" + "Porsche";

Quando um número e uma string são somados, o JavaScript considera o número como uma string.

Exemplo

var x = 911 + "Porsche";

Experimente Você Mesmo

Exemplo

var x = "Porsche" + 911;

Experimente Você Mesmo

JavaScript calcula expressões da esquerda para a direita. Diferentes ordens podem produzir resultados diferentes:

JavaScript：

var x = 911 + 7 + "Porsche";

Resultado:

918Porsche

Experimente Você Mesmo

JavaScript：

var x = "Porsche" + 911 + 7;

Resultado:

Porsche9117

Experimente Você Mesmo

No primeiro exemplo, o JavaScript considera 911 e 7 como números até encontrar "Porsche".

No segundo exemplo, pois o primeiro operando é uma string, todos os operandos são considerados strings.

JavaScript possui tipos dinâmicos

JavaScript possui tipos dinâmicos. Isso significa que a mesma variável pode ser usada para diferentes tipos:

Exemplo

var x;               // Agora x é undefined
var x = 7;           // Agora x é um número
var x = "Bill";      // Agora x é um valor de string

Experimente Você Mesmo

Valor de string JavaScript

String (ou string de texto) é uma sequência de caracteres (por exemplo, "Bill Gates").

Strings são cercadas por aspas. Você pode usar aspas simples ou duplas:

Exemplo

var carName = "Porsche 911";   // Usando aspas duplas
var carName = 'Porsche 911';   // Usando aspas simples

Experimente Você Mesmo

Você pode usar aspas dentro de uma string, desde que essas aspas não coincidam com as que cercam a string:

Exemplo

var answer = "It's alright";             // Aspas dentro de aspas duplas
var answer = "He is called 'Bill'";    // Aspas dentro de aspas duplas
var answer = 'He is called "Bill"';    // Aspas dentro de aspas simples

Experimente Você Mesmo

Você aprenderá mais sobre strings neste tutorial.

Número JavaScript

JavaScript tem apenas um tipo de número.

Pode ou não usar ponto decimal ao escrever números:

Exemplo

var x1 = 34.00;     // Com ponto decimal
var x2 = 34;        // Sem ponto decimal

Experimente Você Mesmo

Números muito grandes ou muito pequenos podem ser escritos em notação científica:

Exemplo

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

Experimente Você Mesmo

Você aprenderá mais sobre números no tutorial.

Os valores booleanos do JavaScript

Os valores booleanos têm apenas dois valores:true ou false.

Exemplo

var x = true;
var y = false;

Experimente Você Mesmo

Os valores booleanos são frequentemente usados em testes condicionais.

Você aprenderá mais sobre testes condicionais no tutorial.

Array do JavaScript

Os arrays JavaScript são escritos com colchetes.

Os itens do array são separados por vírgula.

O código abaixo declara (cria) um array chamado cars, contendo três itens (marcas de carros):

Exemplo

var cars = ["Porsche", "Volvo", "BMW"];

Experimente Você Mesmo

Os índices dos arrays são baseados em zero, o que significa que o primeiro item é [0], o segundo item é [1] e assim por diante.

Você aprenderá mais sobre arrays no tutorial.

Objeto do JavaScript

Os objetos JavaScript são escritos com chaves.

As propriedades do objeto são name:value Sim, separados por vírgula.

Exemplo

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

Experimente Você Mesmo

No exemplo anterior, o objeto (person) tem quatro propriedades: firstName, lastName, age e eyeColor.

Você aprenderá mais sobre objetos neste tutorial.

O operador typeof

Você aprenderá mais sobre objetos no tutorial. typeof Para determinar o tipo de variável JavaScript:

O operador typeof retorna o tipo da variável ou expressão:

Exemplo

typeof ""                  // Retorna "string"
typeof "Bill"              // Retorna "string"
typeof "Bill Gates"          // Retorna "string"

Experimente Você Mesmo

Exemplo

typeof 0                   // Retorna "number"
typeof 314                 // Retorna "number"
typeof 3.14                // Retorna "number"
typeof (7)                 // Retorna "number"
typeof (7 + 8)             // Retorna "number"

Experimente Você Mesmo

O operador typeof retorna "object" para arrays, porque em JavaScript os arrays são objetos.

Undefined

Em JavaScript, uma variável sem valor, seu valor é undefined。typeof também retorna undefined.

Exemplo

var person;                  // O valor é undefined, o tipo é undefined.

Experimente Você Mesmo

Qualquer variável pode definir o valor para undefined Para limpar. Seu tipo também será undefined.

Exemplo

person = undefined;          // O valor é undefined, o tipo é undefined.

Experimente Você Mesmo

O valor vazio

O valor vazio com undefined Não é a mesma coisa.

As variáveis de string vazias têm valor e tipo.

Exemplo

var car = "";                // O valor é "", o tipo é "string"

Experimente Você Mesmo

Null

No JavaScript,null é "nada". Ele é visto como uma coisa inexistente.

Infelizmente, no JavaScript,null Os dados têm o tipo de objeto.

Você pode considerar null No JavaScript, entender um objeto como um bug. Ele deve ser null.

Você pode definir o valor para null Limpar objeto:

Exemplo

var person = null;           // O valor é null, mas o tipo ainda é objeto

Experimente Você Mesmo

Você também pode definir o valor para undefined Limpar objeto:

Exemplo

var person = undefined;           // O valor é undefined, o tipo é undefined.

Experimente Você Mesmo

Diferenças entre Undefined e Null

Undefined com null Os valores são iguais, mas os tipos são diferentes:

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

Experimente Você Mesmo

Valores de dados primitivos

Um valor de dados primitivos é um valor simples e único, sem propriedades e métodos adicionais.

typeof Os operadores podem retornar um dos seguintes tipos primitivos:

  • string
  • number
  • boolean
  • undefined

Exemplo

typeof "Bill"              // Retorna "string"
typeof 3.14                // Retorna "number"
typeof true                // Retorna "boolean"
typeof false               // Retorna "boolean"
typeof x                   // retorna "undefined" (se x não tiver valor)

Experimente Você Mesmo

Dados Complexos

typeof O operador pode retornar um dos seguintes tipos:

  • function
  • objeto

typeof O operador retorna objeto, array ou null Retorna objeto.

typeof O operador não retorna função objeto.

Exemplo

typeof {name:'Bill', age:62} // retorna "object"
typeof [1,2,3,4]             // retorna "object" (não "array", veja o comentário abaixo)
typeof null                  // retorna "object"
typeof function myFunc(){}   // retorna "function"

Experimente Você Mesmo

typeof O operador retorna o array como "objeto“porque em JavaScript, o array é um objeto.”

Leitura Extra

Tutorial Avançado de JavaScript: