Conteúdo principal
Revisão: Arrays
Esta é uma revisão do que abordamos neste tutorial sobre arrays.
Muitas vezes, queremos armazenar listas de valores ao criar programas e, em JavaScript, podemos fazer isso usando um tipo de variável chamado array.
Para criar um array, declaramos uma variável normalmente, mas, em seguida, colocamos nossa lista de valores entre colchetes e separamos cada valor com uma vírgula:
var xPosicoes = [33, 72, 64];
Podemos armazenar qualquer tipo de valor JavaScript em um array - não só números. Veja um exemplo em que uma lista de strings é armazenada:
var meusAmigos = ['Winston', 'OhNoesGuy', 'John', 'Sophia'];
Às vezes, queremos mostrar o comprimento de um array ou fazer alguma coisa baseada nele. Felizmente, todo array tem uma propriedade chamada
length
que nos diz o tamanho atual do array:text(meusAmigos.length, 200, 200); // Exibe "4"
Quando queremos acessar um item específico em um array, referenciamos seu "índice", que representa a posição dentro do array. O primeiro índice de um array é "0". Então, se quisermos acessar o primeiro elemento em um array, escrevemos o nome do array seguido de 0 entre colchetes:
text(meusAmigos[0], 200, 0); // Exibe "Winston"
O segundo elemento está no índice "1", o terceiro está no índice "2", e o quarto no índice "3":
text(meusAmigos[1], 200, 100); // Exibe "OhNoesGuy"
text(meusAmigos[2], 200, 200); // Exibe "John"
text(meusAmigos[3], 200, 300); // Exibe "Sophia"
A Indexação começando no zero é um dos aspectos mais confusos dos arrays para os novos programadores, então preste atenção nisso caso você seja um iniciante em arrays. Logo você pega o jeito!
Às vezes, queremos manipular cada elemento de um array, como quando usamos o comando text() acima para mostrar os nomes. Em vez de escrever esse código de novo e de novo, é melhor usar um laço for para iterar sobre os elementos do array e então fazer algo com cada elemento dentro do laço. Temos que começar do índice 0 e ir até o índice final, adicionando 1 ao índice a cada iteração. Podemos fazer da seguinte forma:
for (var i = 0; i < myFriends.length; i++) {
text(myFriends[i], 200, (i+1)*100);
}
Observe como colocamos o
i
dentro de colchetes, porque ele representa o índice corrente em cada execução do laço.Os arrays podem ser alterados de várias formas. Para começar, podemos alterar um de seus valores:
meusAmigos[1] = "TheErrorBuddy";
Também podemos adicionar valores completamente novos a eles, usando o método push(), e passando o novo valor como argumento:
meusAmigos.push("Hopper");
Depois de executar esta linha de código, a propriedade lenght do nosso array vai mudar para refletir o novo comprimento, e o índice final no array vai ser 4, ao invés de 3.
Se você quiser uma lista completa do que você pode fazer com arrays em JavaScript, confira esta referência. Mas não se preocupe, o que consta nessa revisão já o levará longe!
Quer participar da conversa?
- alguem ainda faz esse curso em 2020?(17 votos)
- Estou fazendo em 2021 :D(6 votos)
- Ainda não entendi o que o
.push
faz. Alguém pode me explicar?(2 votos)- Esta função dá a possibilidade de acrescentar mais valor ao seu Array. Por exemplo:
Imagine esta situação:
var Familia = ["Pai", "Mãe", "Filho"];
//Lembrando que não se usa acentos em variáveis.
Agora pense que terá um novo integrante na família, e com isso deve-se aumentar mais um valor no Array. Então vamos utilizar a função .push para adicionarmos este novo valor:
Familia.push("Filha");
console.log(Familia.length, Familia);
//Familia.length = 4
//Familia = "Pai", "Mãe", "Filho", "Filha"(17 votos)
- Qual o objetivo deste programação em area de civil tem algo a ser melhorado?(4 votos)
- O JavaScript é uma linguagem de programação do lado cliente, ou seja, é processada pelo próprio navegador. Com o JavaScript podemos criar efeitos especiais para nossas páginas na Web, além de podermos proporcionar uma maior interatividade com nossos usuários. fonte: Google(32 votos)
- socorro n entendo nada disso(2 votos)
- procura da umas revisadas não é tão difícil assim, no começo tbm foi complicado pra mim(2 votos)
- Quando estava fazendo meu projeto fiz algo errado e não sabia como consertar. Ha algum jeito de voltar para meu ultimo save
ou recomeçar?(2 votos) - Gente alguem me ajuda pfv,to no projeto faça chover,não entendi nada de arrays!!(2 votos)
- Você pode voltar no vídeo da explicação e ir tirando fotos dos códigos e salvar depois em uma pasta para depois se você se esquecer é só relembrara no celular! :D(0 votos)
- sabe deixar em negrito?
e itálico?(1 voto) - A mudança constante nos comandos para as variáveis me deixa confusa. Da lição para desenhar um boneco de neve até essa fabrica de constelação, o numero de vezes que a mesma ação é realizada de forma diferente é assombrosa.
Duvida: as derivações que não conseguir concluir, como faço para corrigir os erros e essas etapas sejam concluídas?(1 voto)- Creio que a idéia é fazer com que os programas sejam escritos de forma mais concisa possível. Pratique e pegue codigos fontes para estudar, é a melhor forma pra se habituar. O projetos do khan academy ficam abertos para vc fazer e editar quando quiser, quando tiver dificuldade, na pagina do projeto tem o link de solicitação de ajuda,.(2 votos)
- "Observe como colocamos o i dentro de colchetes, porque ele representa o índice corrente em cada execução do laço."
nao entendi o por quê do "i" entre colchetes...
alguem me ajuda por favor(0 votos)- O "i" entre colchetes indica qual valor deve-se pegar no array
Por exemplo:// Define uma lista de tipos de batata
var potatoesList = ["Sweet Potato", "Potato", "Fries"];
// Executa o código enquanto i for menor que o tamanho de potatoesList
for(var i = 0; i < potatoesList.length; i++){
text(potatoesList[i], 200, (i+1)*100);
}
O i começa em zero, então mostra "Sweet Potato", depois "Potato" e finalmente "Fries", e então para, pois i é igual ao tamanho do array potatoesList.(2 votos)