Tipos de Dados do JavaScript

Tipos de valor (tipos básicos): string (String), número (Number), booleano (Boolean), nulo (Null), indefinido (Undefined), símbolo. Tipos de dados de referência: objeto (Object), array (Array), função (Function).

Tipo de dadosUsado para classificar dados específicos de um tipo de linguagem de programação.

Por exemplo, números e strings são tipos de dados diferentes e o JavaScript os trata de maneira diferente.

As variáveis JavaScript podem conter muitosTipo de dados: número, string, array, objeto, etc.:

　var length =　4;//　Number - Número
　var firstName = "Vishal";　　//　String - String
　var user = {firstName: "Vishal", age:22};　　//　Object - Objeto
　var fruits = ["Apple", "Mango", "Banana"];//　Array - Array

Tipos JavaScript são dinâmicos

JavaScript é um linguagem de tipo fraca ou dinâmica. As variáveis JavaScript não estão diretamente associadas a nenhum tipo específico de valor e podem ser atribuídas (e reatribuídas) todos os tipos de valores para todas as variáveis.

var x =　20;　//　x é um número
x = "VISHAL";　　　//　x é uma string
x = true;　　　//　x é um valor booleano

Número JavaScript

JavaScript tem apenas um tipo de número, sem especificação separada para números inteiros e de ponto flutuante.

Portanto, os números podem ser escritos em JavaScript, com ou sem ponto decimal.

var a =　25;　//　Sem ponto decimal
var b =　80,05;　　//　Ponto decimal à direita

Nesses dois casos, o tipo de dados é um número e é o mesmo, independentemente de o número ter ou não ponto decimal.

Pode-se usar a notação exponencial científica em JavaScript para abreviar números muito grandes ou muito pequenos, como nos exemplos a seguir:

let num1　=　957e8;　//　95700000000
let num2　=　957e-8;//　0.00000957

Você vai aprender mais sobre tipos de números em partes posteriores deste tutorial.

String JavaScript

Uma string é uma sequência de um ou mais caracteres (letras, números, símbolos). As strings são úteis porque representam dados de texto.

Strings JavaScript são usadas para armazenar e manipular texto.

Diferente de outros idiomas, o JavaScript não faz distinção entre aspas simples e duplas.

var msg1　= \　　　//　usando aspas duplas
var msg2　= \'Hello world\';　　　//　usando aspas simples

Você pode usar aspas dentro de uma string, desde que não coincidam com as aspas ao redor da string:

var str1　= \'She said \　　//　aspas simples dentro de aspas duplas
var str2　= \'She said \'Hey\' and left\';　　//　aspas duplas dentro de aspas simples
var str3　= \　　//　aspas simples dentro de aspas duplas
var str4　= \'We\'ll never give up\';　//　usando o backslash para escapar as aspas simples

Você vai aprender mais sobre strings em partes posteriores deste tutorial.

Valores booleanos JavaScript

O tipo de dados booleano pode ser um dos dois valores, ou seja verdadeiro ou falso.

Os valores booleanos são frequentemente usados em testes de condição.

(5　>　10)　　//　retorna false
(5　<　10)　　//　retorna true
("Apple" === "Apple")　//　retorna true

Você vai aprender mais sobre valores booleanos em partes posteriores deste tutorial.

Array JavaScript

Os arrays são usados para armazenar vários valores em uma única variável.

Os arrays JavaScript são delimitados por colchetes [].

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

O seguinte código declara (cria) um array chamado fruits, contendo três itens (três nomes de frutas):

var fruits = ["Apple", "Mango", "Banana"];

Cada item ou valor interno do array é chamado de elemento. Você pode referenciar os elementos do array usando o número de índice.

Os índices dos arrays JavaScript começam em zero: o índice do primeiro elemento do array é 0, o índice do segundo elemento é1e assim por diante.

Você vai aprender mais sobre arrays em partes posteriores deste tutorial.

Objeto JavaScript

No JavaScript, os objetos podem ser vistos como conjuntos de propriedades.

Os objetos JavaScript são delimitados por chaves {}.

As propriedades do objeto são escritas comoNome: valorSim, separados por vírgula.

var user = {firstName: "Vishal", age:22, color: "blue", location: "unknown"};

O objeto (usuário) do exemplo anterior tem4propriedades: firstName, age, color e location.

Você vai aprender mais sobre objetos na parte posterior deste tutorial.

O tipo do operador

O operador typeof pode ajudar você a encontrar o tipo da sua variável.

O operador typeof retorna o tipo de um variável ou expressão.

typeof ""　　//　Retorna \
typeof "Vishal"//　Retorna \
typeof "42"//　Retorna \
typeof　42　　//　Retorna \
typeof true//　Retorna \
typeof false　　　//　Retorna \
typeof undefined　　　//　Retorna \
typeof null//　Retorna \
typeof {name: "Vishal", age:22}　//　Retorna \
typeof [2,　4,　6,　8//　Retorna \
typeof function myFunc(){}　//　Retorna \

Nota:O operador typeof retorna "objeto" para arrays, porque arrays são objetos no JavaScript.

undefined (não definido)

undefinedO valor indica que não foi atribuído nenhum valor à variável ou que a variável não foi declarada.

var city;//　O valor não está definido

O tipo também éundefined.

typeof city　　　//　"undefined"

Definindo o valor como, você pode esvaziar qualquer variávelundefined. O tipo também seráundefined.

city = undefined;　　　//　O valor não está definido, o tipo não está definido

null (vazio)

Este valornullindica que não há nenhum valor de objeto presente.

No JavaScript, o tipo de dadosnullÉ um objeto.

Definindo o valor como, você pode esvaziar qualquer objetonull.

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = null;//　Agora value é null, mas o tipo de dados ainda é um objeto

Você também pode esvaziar um objeto definindo-o comoundefined.

var user = {firstName: "Vishal", age:"22", color: "blue"};
user = undefined;　　　//　O valor e o tipo não estão definidos

a diferença entre null (vazio) e undefined (não definido)

nulleundefinedOs valores são iguais, mas os tipos são diferentes.

typeof null　　//　"object" (não "null" por razões de legado)
typeof undefined　//　"undefined"

Ao verificarnullouundefinedAtenção à diferença entre os operadores de igualdade (==) e identidade (===), pois o primeiro executa conversão de tipo.

null == undefined　//　verdadeiro
null === undefined//　falso

Tratar vários tipos de dados ao mesmo tempo

Embora cada programa que você criar contenha vários tipos de dados.

Quando você usa operadores que usam tipos de dados cruzados (por exemplo).+Pode obter resultados inesperados ao adicionar operadores que podem adicionar números ou conectar strings (por exemplo).

Ao adicionar números e strings, o JavaScript considera os números como strings.

var x =　5　+　"Sky";

Ao adicionar strings e números, o JavaScript considera os números como strings.

var x = "Sky"　+　5;

O JavaScript calcula a expressão da esquerda para a direita. Diferentes sequências podem gerar diferentes resultados:

var x =　5　+　3　+　"Sky";

var x = "Sky"　+　5　+　3;

No primeiro exemplo, o JavaScript5E3Considerado como número até alcançar 'Sky'.

No segundo exemplo, devido ao primeiro operando ser uma string, todos os operandos são considerados strings.