Tutorial de JS

JS HOME Introdução JS JS Para onde Saída JS Declarações JS Sintaxe JS Comentários JS Variáveis ​​JS JS Let JS Const Operadores JS JS Aritmética Atribuição de JS Tipos de dados JS Funções JS Objetos JS Eventos JS Strings JS Métodos de string JS Pesquisa de String JS Modelos de String JS Números JS Métodos de número JS Matrizes JS Métodos de matriz JS Classificação de matriz JS Iteração de matriz JS Const da matriz JS Datas JS Formatos de data JS Métodos de obtenção de data JS Métodos de conjunto de datas JS JS Math JS Aleatório JS Booleanos Comparações JS Condições JS Interruptor JS Circuito JS para JS Loop Para Entrada JS Loop Para De JS Loop Enquanto Quebra de JS Iteráveis ​​JS Conjuntos JS Mapas JS Tipo JS de Conversão de tipo JS JS bit a bit JS RegExp Erros JS Escopo JS Içamento JS Modo estrito JS JS esta palavra-chave Função de seta JS Classes JS JS JSON Depuração JS Guia de estilo JS Práticas recomendadas de JS Erros de JS Desempenho JS Palavras reservadas JS

Versões JS

Versões JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Histórico de JS

Objetos JS

Definições de objeto Propriedades do objeto Métodos de objeto Exibição de objetos Acessadores de objetos Construtores de objetos Protótipos de Objetos Iteráveis ​​de objeto Conjuntos de objetos Mapas de objetos Referência do objeto

Funções JS

Definições de função Parâmetros de função Invocação de função Chamada de Função Função Aplicar Fechamentos de Função

Classes JS

Introdução à aula Herança de classe Classe Estática

JS Assíncrono

Retornos de chamada JS JS Assíncrono Promessas JS JS Async/Aguardar

JS HTML DOM

Introdução ao DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formulários DOM CSS DOM Animações DOM Eventos DOM Ouvinte de eventos DOM Navegação DOM Nós DOM Coleções DOM Listas de nós DOM

BOM do navegador JS

Janela JS Tela JS Localização JS Histórico de JS Navegador JS Alerta pop-up JS Temporização JS Cookies JS

APIs da Web JS

Introdução à API da Web API de formulários da Web API de histórico da web API de armazenamento da Web API do trabalhador da Web API de busca da Web API de geolocalização da Web

JS AJAX

Introdução AJAX AJAX XML Http Solicitação AJAX Resposta AJAX Arquivo XML AJAX PHP AJAX ASP AJAX Banco de dados AJAX Aplicativos AJAX Exemplos AJAX

JS JSON

Introdução JSON Sintaxe JSON JSON x XML Tipos de dados JSON Análise JSON JSON Stringify Objetos JSON Matrizes JSON Servidor JSON JSON PHP HTML JSON JSON JSONP

JS x jQuery

Seletores jQuery HTML jQuery jQuery CSS jQuery DOM

Gráficos JS

Gráficos JS Tela JS JS Plotly JS Chart.js JS Google Chart JS D3.js

Exemplos JS

Exemplos JS JS HTML DOM Entrada HTML JS Objetos HTML JS Eventos HTML JS Navegador JS Editor JS Exercícios JS Teste JS Certificado JS

Referências JS

Objetos JavaScript Objetos HTML DOM


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: trueou 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 typeofoperador JavaScript para localizar o tipo de uma variável JavaScript.

O typeofoperador 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"

Teste-se com exercícios

Exercício:

Use comentários para descrever o tipo de dados correto das seguintes variáveis:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //