Classificação
0 %
Popularidade
Opine
Descrição:
Você sabe como funciona um array em JavaScript? Sabe qual é a vantagem em usar variáveis compostas em JavaScript?
alguém pode me explicar porque que a forma simplificada do "for" que ele mostrou funciona da mesma maneira que a primeira sendo que não é declarado em nenhum momento que a variável vale 0 e nem o incremento?
finalmente entendi o que é um array!! Valeuu Guanabara /,,/
Namoral galera, estudem bem isso. Falo isso porque já avancei um pouquinho e hoje mexo com JS e PHP, organização de vetores é essencial kakaka. Bons estudos =)
Muito bom!
Mano, de início não reconheci que era o Guanabara, mudou bastante desde o curso de html5 e css3 que vi a anos atrás. Sucesso pra vc mano, continue sendo essa professor incrível 🤘🏻
RELEMBRANDO:
O que é uma VARIÁVEL?
É um ESPAÇO VAGO, dedicado dentro da memória do computador, que permite você ARMAZENAR DADOS.
NOVIDADES:
Diferença entre VARIÁVEL SIMPLES e (VARIÁVEL COMPOSTA || ARRAY || VETOR):
Uma variável SIMPLES só consegue armazenar UM VALOR por vez. Syntax:
let identificador = valor
Uma variável COMPOSTA é capaz de armazenar VÁRIOS VALORES em uma MESMA ESTRUTURA. Syntax:
let identificador = [valor, valor, valor]
Exemplo:
let num = [5, 8, 4]
0 1 2 (posições)
Nesta array há:
3 ELEMENTOS (elemento é conjunção de: VALOR && POSIÇÃO)
com VALORES 5, 8 e 4, respectivamente.
o valor 5 está na POSIÇÃO 0;
o valor 8 está na POSIÇÃO 1;
o valor 4 está na POSIÇÃO 2.
*posição == índice == chave == key
Para ADICIONAR um NOVO VALOR à esta ARRAY em uma POSIÇÃO ESPECÍFICA:
num[3] = 6
Ou seja:
ATRIBUA o VALOR "6" na POSIÇÃO 3.
Agora num vale: [5, 8, 4, 6]
Para ADICIONAR um NOVO VALOR à esta ARRAY na ÚLTIMA POSIÇÃO:
num.push(7)
Ou seja:
ATRIBUA o VALOR "7" na ÚLTIMA POSIÇÃO.
Agora num vale: [5, 8, 4, 6, 7]
Para RETORNAR o COMPRIMENTO desta ARRAY:
num.length
Ou seja:
RETORNE a QUANTIDADE de ELEMENTOS/KEYS da ARRAY num .
O valor retornado é: 5
____________________________
Para ORDENAR CRESCENTEMENTE os ELEMENTOS/VALORES desta ARRAY:
num.sort()
Ou seja:
Agora num vale: [4, 5, 6, 7, 8]
ATENÇÃO: este método é PROBLEMÁTICO tratando-se de NÚMEROS (para STRING funciona normalmente). Isto acontece pois ele VERIFICA a 1° CASA DECIMAL e, com base NESTE NÚMERO, ORGANIZA os ELEMENTOS de forma CRESCENTE. Copie, cole e rode este código:
/* O método sort() é PROBLEMÁTICO tratando-se de NÚMEROS. Isto acontece pois ele VERIFICA a 1° CASA DECIMAL e, com base NESTE NÚMERO, ORGANIZA os ELEMENTOS de forma CRESCENTE. */
const numeros = [99, 25, 100]
console.log(numeros)
numeros.sort()
console.log(numeros)
/* Observe que, após a organização, o número 100 ficou ANTES do 25 porquê a sua 1° CASA DECIMAL é "1", e a do 25 é "2". E o 99, mesmo sendo MENOR que 100, ficou por último pois sua 1° CASA DECIMAL é "9", ou seja, maior que "1" e "2". */
console.log('')
/* para STRINGS funciona normalmente: */
const nomes = ['ambicioso','amparar', 'amplo', 'amamentar', 'amanhã']
console.log(nomes)
nomes.sort()
console.log(nomes)
____________________________
Para BUSCAR um VALOR dentro desta ARRAY:
num.indexOf(7)
Ou seja:
RETORNE a CHAVE/ÍNDICE do VALOR 7.
O valor retornado é: 3
*Caso seja passado um número INEXISTENTE como PARÂMETRO, o valor retornado será: -1
ESTRUTURA de REPETIÇÃO: for/in (para/em)
Esta estrutura faz um LOOP ATRAVÉS das PROPRIEDADES de um OBJETO ou ARRAY. Syntax:
for (key in object) {}
for (key in array) {}
Ilustração (crie um documento HTML, cole este código e rode no seu navegador):
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>for in</title>
</head>
<style>
body {
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
</style>
<body>
<p id="demo"></p>
</body>
<script>
txt = "<h2>Ilustração de for in ATRAVÉS de um ARRAY:</h2>"
const numeros = [45, 4, 9, 16, 25]
for (let x in numeros) {
txt += `índice: ${x} | valor: ${numeros[x]} <br>`
}
/* Lê-se: PARA(for) cada POSIÇÃO(x) NO(in) ARRAY(numeros) {execute este bloco}
inseriu-se no 1° placeholder: a CHAVE(x);
Foi exibido: a CHAVE de CADA PROPRIEDADE do OBJETO.
PERCEBA: em ARRAYS, a CHAVE é o ÍNDICE de cada ELEMENTO (chave:valor == índice:valor).
inseriu-se no 2° placeholder: o ARRAY(numeros) na POSIÇÃO de x;
Foi exibido: o VALOR de CADA PROPRIEDADE do OBJETO.
LEMBRE-SE:
TODO ARRAY É UM OBJETO. MAS NÃO TODO OBJETO É UM ARRAY. */
//—————————————-
txt += "<h2>Ilustração de for in ATRAVÉS de um OBJETO:</h2>"
const pessoa = {nome: 'Elon', Snome: 'Musk', idade: 51}
for (let x in pessoa) {
txt += `chave: ${x} | valor: ${pessoa[x]}<br>`
}
/* Lê-se: PARA(for) cada POSIÇÃO(x) NO(in) OBJETO(pessoa) {execute este bloco}
inseriu-se no 1° placeholder: a CHAVE(x);
Foi exibido: a CHAVE de CADA PROPRIEDADE do OBJETO.
PERCEBA: em OBJETOS, a CHAVE é o NOME dado à cada PROPRIEDADE (chave:valor == nome:valor).
inseriu-se no 2° placeholder: o OBJETO(pessoa) na POSIÇÃO de x;
Foi exibido: o VALOR de CADA PROPRIEDADE do OBJETO. */
txt += "<br><strong>*posição == índice == chave == key</strong>"
document.getElementById('demo').innerHTML = txt
</script>
</html>
Eu só queria abraçar esse cara. Obrigado Gustavo. Muito obrigado mesmo
👏👏👏👏👏👏👏👏👏👏👏👏
ahhhh… eu aprendi !!!!
Aula importante essa
Muito bom
Mano os cara fala que array é difícil, mas é igual as listas do python, achei de boa
Thanks from 2022!
let num = []
num [3] = 5
num.push(7)
num.length
num.sort()
push no final
unshift no inicio deslocando a galera
pop remover a última posição
remover a primeira posição
indexof retorna a posição de determinado valor
Que aula top!!!!
Então os vetores no JavaScript são versáteis como as Listas no Java? Interessante. 🤔
Guanabara me pegou olhando notificação do celular kkkk
14:05
zzzz
javascript aqui vou eu
Que explicação incrível. 🙂
Baita aula, professor