tutoriais mais recente desenvolvimento web
 

JavaScript Tipos de dados


String, Number, Boolean, Array, Object.


Tipos de dados JavaScript

Variáveis JavaScript pode conter muitos tipos de dados: numbers, strings, arrays, objects e muito mais:

var length = 16;                               // Number
var lastName = "Johnson";                      // String
var cars = ["Saab", "Volvo", "BMW"];           // Array
var x = {firstName:"John", lastName:"Doe"};    // Object

O conceito de tipos de dados

Na programação, tipos de dados é um conceito importante.

Para ser capaz de operar em variáveis, é importante saber algo sobre o tipo.

Sem tipos de dados, um computador não pode seguramente resolver este:

var x = 16 + "Volvo";

Faz algum sentido adicionar "Volvo" a dezesseis? Será que vai produzir um erro ou vai produzir um resultado?

JavaScript irá tratar o exemplo acima como:

var x = "16" + "Volvo";

Ao adicionar um número e uma string, JavaScript irá tratar o número como uma string.

Exemplo

var x = 16 + "Volvo";
Tente você mesmo "

Exemplo

var x = "Volvo" + 16;
Tente você mesmo "

JavaScript avalia as expressões da esquerda para a direita. sequências diferentes podem produzir resultados diferentes:

JavaScript:

var x = 16 + 4 + "Volvo";

Resultado:

20Volvo
Tente você mesmo "

JavaScript:

var x = "Volvo" + 16 + 4;

Resultado:

Volvo164
Tente você mesmo "

No primeiro exemplo, trata JavaScript 16 e 4 como números, até que ele atinja "Volvo" .

No segundo exemplo, uma vez que o primeiro operando é uma cadeia, todos os operadores são tratados como strings.


JavaScript Tem tipos dinâmicos

JavaScript tem tipos dinâmicos. Isto significa que a mesma variável pode ser usada como diferentes tipos:

Exemplo

var x;               // Now x is undefined
var x = 5;           // Now x is a Number
var x = "John";      // Now x is a String

JavaScript Cordas

Uma cadeia (ou uma cadeia de texto) é uma série de personagens como "John Doe" .

Cordas são escritos com aspas. Você pode usar aspas simples ou duplas:

Exemplo

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

Você pode usar aspas dentro de uma string, contanto que eles não corresponderem as aspas em torno da string:

Exemplo

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes
Tente você mesmo "

Você vai aprender mais sobre cordas, mais adiante neste tutorial.


Números de JavaScript

JavaScript tem apenas um tipo de números.

Os números podem ser escrito com ou sem casas decimais:

Exemplo

var x1 = 34.00;     // Written with decimals
var x2 = 34;        // Written without decimals

Extra pequenos números grandes ou extra pode ser escrito com notação científica (exponencial):

Exemplo

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
Tente você mesmo "

Você vai aprender mais sobre os números mais adiante neste tutorial.


Booleans JavaScript

Booleans só pode ter dois valores: verdadeiro ou falso.

Exemplo

var x = true;
var y = false;

Booleans são muitas vezes utilizados em testes de condicional.

Você vai aprender mais sobre o teste condicional posteriormente neste tutorial.


matrizes de JavaScript

matrizes de JavaScript são escritas com colchetes.

itens de matriz são separados por vírgulas.

O código a seguir declara (cria) uma série de carros chamado, contendo três itens (nomes de carro):

Exemplo

var cars = ["Saab", "Volvo", "BMW"];
Tente você mesmo "

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

Você vai aprender mais sobre matrizes, posteriormente neste tutorial.


JavaScript Objects

objetos JavaScript são escritos com chaves.

As propriedades do objeto são escritos como nome: pares de valores, separados por vírgulas.

Exemplo

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Tente você mesmo "

O objeto (pessoa) no exemplo acima tem 4 propriedades: firstName, lastName, age , e eyeColor .

Você vai aprender mais sobre objetos mais adiante neste tutorial.


O operador typeof

Você pode usar o JavaScript typeof operador para encontrar o tipo de uma variável JavaScript:

Exemplo

typeof "John"                // Returns string
typeof 3.14                  // Returns number
typeof false                 // Returns boolean
typeof [1,2,3,4]             // Returns object
typeof {name:'John', age:34} // Returns object
Tente você mesmo "

O operador typeof retorna "object" para matrizes porque em matrizes de JavaScript são objetos.


Undefined

Em JavaScript, uma variável sem um valor, tem o valor undefined . O typeof também está undefined .

Exemplo

var person;                  // Value is undefined, type is undefined
Tente você mesmo "

Qualquer variável pode ser esvaziado, definindo o valor para undefined . O tipo também vai ser undefined .

Exemplo

person = undefined;          // Value is undefined, type is undefined
Tente você mesmo "

Valores vazios

Um valor vazio não tem nada a ver com indefinido.

Uma variável de cadeia vazia tem tanto um valor e um tipo.

Exemplo

var car = "";                // The value is "", the typeof is string
Tente você mesmo "

Null

Em JavaScript nula é "nada". É suposto ser algo que não existe.

Infelizmente, em JavaScript, o tipo de dados de null é um objeto.

Você pode considerá-lo um erro no JavaScript que typeof null é um objeto. Deve ser null .

Você pode esvaziar um objeto definindo-o como nulo:

Exemplo

var person = null;           // Value is null, but type is still an object
Tente você mesmo "

Você também pode esvaziar um objeto definindo-o como undefined :

Exemplo

var person = undefined;     // Value is undefined, type is undefined
Tente você mesmo "

Diferença entre Undefined e Null

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true
Tente você mesmo "