Exemplo JavaScript
- Página Anterior JS D3.js
- Próxima Página JS HTML DOM
O que o JavaScript pode fazer?
Onde inserir JavaScript
Saída do JavaScript
Sintaxe do JavaScript
- Sentença do JavaScript
- Número do JavaScript
- Cadeia de Caracteres do JavaScript
- Variável do JavaScript
- Operador do JavaScript
- Atribuição do JavaScript
- Expressão do JavaScript (usando constante)
- Expressão do JavaScript (usando string)
- Expressão do JavaScript (usando variável)
- Palavras-chave do JavaScript
- Comentário do JavaScript
- O JavaScript é sensível a maiúsculas e minúsculas
Sentença do JavaScript
- Sentenças do JavaScript são comandos para o navegador
- O código do JavaScript é uma série de sentenças
- Sentenças do JavaScript são separadas por ponto e vírgula
- Uma linha pode conter várias sentenças
- Sentenças do JavaScript podem ser combinadas em um bloco de código
- Você pode quebrar a linha após o operador ou a vírgula no código
Comentário do JavaScript
Variável do JavaScript
- Variável do JavaScript
- Variáveis do JavaScript como algebra
- Números e strings no JavaScript
- Palavra-chave var no JavaScript
- Declaração de várias variáveis em uma única sentença
- Declaração de várias variáveis em linhas múltiplas
- Variável sem valor retorna undefined
- Redeclarar a variável não destrói o valor
- Adição de arrays no JavaScript
- Adição de strings no JavaScript
- Adição de string e número
- Adição de número e string
Aritmética do JavaScript
Atribuição do JavaScript
Concatenação de strings no JavaScript
Tipo de Dado do JavaScript
Objeto do JavaScript
- Criar variável JavaScript
- Criar objeto JavaScript
- Criar objeto person (linhagem única)
- Criar objeto person (multilinha)
- Acessar propriedades do objeto usando .property
- Acessar propriedades do objeto usando [property]
- Acessar propriedades da função por meio de método
- Acessar propriedades da função por meio de atributo
Função do JavaScript
Evento do JavaScript
Cadeia de Caracteres do JavaScript
- As strings podem ser envolvidas por aspas simples ou duplas
- Exibir alguns exemplos de strings
- Adicionar um backslash antes das aspas é reconhecido como uma aspa
- Determinar o comprimento da string
- Usar o backslash para quebrar linhas em strings de texto
- Não é possível usar o backslash para quebrar linhas no código
- Determinar a posição inicial do texto na string - indexOf()
- Procurar texto na string e retornar este texto quando encontrado - match()
- Substituir caracteres na string - replace()
- Converter a string para maiúsculas - toUpperCase()
- Converter a string para minúsculas - toLowerCase()
- Dividir a string em um array - split()
Número do JavaScript
- Os números podem ser escritos com ou sem ponto decimal
- Pode-se escrever números muito grandes ou muito pequenos usando a notação de exponencial
- Os números são arredondados para 15 dígitos
- A aritmética de ponto flutuante não é sempre 100% precisa
- Mas pode ser resolvido multiplicando e dividindo por 10
- Somar dois números produzirá um novo número
- Somar duas strings de número produzirá uma string de concatenação
- Somar um número e uma string de número também produzirá uma string de concatenação
- Somar uma string de número e um número também produzirá uma string de concatenação
- Erro comum ao somar strings e números 1
- Common error 2 when adding strings and numbers
- In division operations, JavaScript will try to convert strings to numbers
- In multiplication operations, JavaScript will try to convert strings to numbers
- In subtraction operations, JavaScript will try to convert strings to numbers
- In addition operations, JavaScript will not convert strings to numbers
- The number divided by a string is no longer a number
- Dividing a number by a numeric string results in a number
- The global JavaScript function isNaN() determines whether a value is a number
- Using NaN in mathematical operations will always return NaN
- Using NaN in mathematical string operations will concatenate NaN
- The type of NaN is number (no, typeof NaN returns number)
- If a number outside the maximum possible number is calculated, it returns infinity (Infinity)
- Division by zero generates Infinity
- Infinity is also a number (typeof Infinity returns number)
- Constants prefixed with 0x are interpreted as hexadecimal
- The toString() method can output numbers in hexadecimal, octal, or binary
- Numbers can be objects
- Numbers and objects cannot be safely compared
- Objects and objects cannot be safely compared
Método do Número do JavaScript
- The toString() method converts a number to a string
- The valueOf() method returns a number as a number
- The toExponential() method returns a number in exponential notation
- The toFixed() method rounds a number to a specified number of digits
- The toPrecision() method returns a number of specified length
- The global method Number() converts a variable to a number
- The global method Number() can even convert dates to numbers
- The global method parseInt() converts a string to a number
- The global method parseFloat() converts a string to a number
- MAX_VALUE returns the largest possible number in JavaScript
- MIN_VALUE returns the smallest possible number in JavaScript
- POSITIVE_INFINITY represents infinity
- Returns POSITIVE_INFINITY when overflow occurs
- NEGATIVE_INFINITY represents negative infinity
- Returns NEGATIVE_INFINITY when overflow occurs
- NaN stands for 'Not a Number'
- Arithmetic performed on a string will result in NaN
- Using numeric properties on a variable will return undefined
JavaScript Math
- Math.PI returns the value of PI
- Math.round(x) retorna o valor de x arredondado (arredondado)
- Math.pow(x, y) retorna x elevado à potência y
- Math.sqrt(x) retorna a raiz quadrada de x
- Math.abs(x) retorna o valor absoluto de x
- Math.ceil(x) retorna o valor de x arredondado para cima
- Math.floor(x) retorna o valor de x arredondado para baixo
- Math.sin(x) retorna o seno do ângulo x (medido em radianos)
- Math.cos(x) retorna o cosseno do ângulo x (medido em radianos)
- Math.max() retorna o maior valor da lista de argumentos
- Math.min() retorna o menor valor da lista de argumentos
- Converter graus Celsius para graus Fahrenheit
Aleatório do JavaScript
- Math.random() retorna um inteiro aleatório entre 0 (incluso) e 1 (não incluído)
- Como retornar um inteiro aleatório entre 0 e 9 (ambos incluídos)
- Como retornar um inteiro aleatório entre 0 e 10 (ambos incluídos)
- Como retornar um inteiro aleatório entre 0 e 99 (ambos incluídos)
- Como retornar um inteiro aleatório entre 0 e 100 (ambos incluídos)
- Como retornar um inteiro aleatório entre 1 e 10 (ambos incluídos)
- Como retornar um inteiro aleatório entre 1 e 100 (ambos incluídos)
- Como retornar um inteiro aleatório entre x (incluso) e y (não incluído)
- Como retornar um inteiro aleatório entre x e y (ambos incluídos)
Data do JavaScript
- Usar Date() para exibir a data e hora de hoje
- Usar getFullYear() para exibir o ano
- Usar getTime() para calcular os milissegundos desde 1970
- Usar setFullYear() para definir uma data específica
- Usar toUTCString() para converter a data de hoje (de acordo com UTC) em uma string
- Usar getDay() para exibir o nome do dia da semana em número
- Usar getDay() e um array para exibir o nome do dia da semana
- Mostrar o relógio
Array do JavaScript
Método do Array do JavaScript
- Adicionar elementos ao array
- Remover o último elemento do array - pop()
- Conectar todos os elementos do array em uma string - join()
- Conectar dois arrays - concat()
- Conectar três arrays - concat()
- Adicionar um elemento em uma posição específica do array - splice()
- Converter o array em uma string - toString()
- Adicionar novos elementos ao início do array - unshift()
- Remover o primeiro elemento do array - shift()
- Selecionar elementos do array - slice()
Ordenação do Array do JavaScript
- Ordenar o array em ordem crescente
- Ordenar o array em ordem decrescente
- Ordenar números em ordem crescente
- Ordenar números em ordem decrescente
- Ordenar números (por ordem alfabética ou numérica)
- Ordenar os números do array em ordem aleatória
- Determinar o menor número do array
- Determinar o maior número do array
- Usar Math.min() para determinar o menor número do array
- Usar Math.max() para determinar o maior número do array
- Usar o método "faça você mesmo" myArrayMin
- Usar o método "faça você mesmo" myArrayMax
- Ordenar objetos por atributo numérico
- Ordenar objetos por atributo de string
Iteração de array em JavaScript
Conversão de Tipos JavaScript
Boolean em JavaScript
- Exibir o valor de Boolean(10 > 9)
- Exibir o valor de 10 > 9
- Tudo que possui valor verdadeiro é verdadeiro
- O valor booleano de zero é falso
- O valor booleano do zero negativo é falso
- O valor booleano de uma string vazia é falso
- O valor booleano de undefined é falso
- O valor booleano de null é falso
- O valor booleano de false é falso
- O valor booleano de NaN é falso
Comparação em JavaScript
- Atribuir 5 a x e, em seguida, exibir o valor de (x == 8)
- Atribuir 5 a x e, em seguida, exibir o valor de (x == 5)
- Atribuir 5 a x e, em seguida, exibir o valor de (x === 5)
- Atribuir 5 a x e, em seguida, exibir o valor de (x === "5")
- Atribuir 5 a x e exibir o valor de (x != 8)
- Atribuir 5 a x e exibir o valor de (x !== 5)
- Atribuir 5 a x e exibir o valor de (x !== "5")
- Atribuir 5 a x e exibir o valor de (x > 8)
- Atribuir 5 a x e exibir o valor de (x < 8)
- Atribuir 5 a x e exibir o valor de (x >= 8)
- Atribuir 5 a x e exibir o valor de (x <= 8)
Condição JavaScript
Loop JavaScript
Tratamento de erros JavaScript
Expressões Regulares JavaScript
Objeto do JavaScript
- Criar variável JavaScript
- Criar objeto JavaScript
- Criar objeto JavaScript (linha única)
- Criar objeto JavaScript (multi-linha)
- Criar objetos JavaScript usando new
- Criar objetos JavaScript usando construtores
- Criar objetos JavaScript internos
- O melhor modo de criar variáveis JavaScript
- Objetos JavaScript são mutáveis
Atributos de Objetos JavaScript
Objeto JSON
Array JSON
Análise JSON
JSON Stringify
PHP JSON
HTML JSON
Explicação de Exemplo: JSON JSONP
- Página Anterior JS D3.js
- Próxima Página JS HTML DOM