Turma Online 19 - Todas em Tech | Back-end | Semana 3 | 2022 | Professora Giu
Antes de começar, vamos organizar nosso setup.
- Fork esse repositório
- Clone o fork na sua máquina (Para isso basta abrir o seu terminal e digitar
git clone url-do-seu-repositorio-forkado) - Entre na pasta do seu repositório (Para isso basta abrir o seu terminal e digitar
cd nome-do-seu-repositorio-forkado)
O que veremos na aula de hoje?
- Arrays
- Objetos
- Loops / Iteração
Array significa matriz em inglês, as vezes você também pode ver um array ser chamado de vetor ou até lista.
Arrays são declaradas usando []
const arr = ["item 1", "item 2"]Cada item da array tem um índice (sua posição), começando de zero, no exemplo acima o item um tem item zero(0) e o item dois, índice 1;
Para pegar um determinado item de uma array basta selecionar sua posição.
console.log(arr[1]); // irá imprimir 'item 2'O javascript nos provê com muitos métodos para manipulação dessas arrays. Veja mais em:
Um objeto em JavaScript tem propriedades associadas a ele. Uma propriedade de um objeto pode ser explicada como uma variável que é ligada ao objeto. Propriedades de objetos são basicamente as mesmas que variáveis normais em JavaScript, exceto pelo fato de estarem ligadas a objetos.
O seja, é uma forma de agrupar variáveis de qualquer tipo, podendo ser outros objetos, arrays e até funções (que são chamados de métodos desse objeto);
const pessoa = {
nome: "Fulana",
idade: 42,
genero: "feminino",
apresentar: function () { console.log(`Olá, me chamo ${this.pessoa}`)}
}
//podemos evocar o valor de uma propriedade usando a notação ponto
console.log(pessoa.idade);
// E usar seus métodos
pessoa.apresentar();Veja mais
Existem várias formas diferentes de laços, mas eles essencialmente fazem a mesma coisa: repetir uma ação múltiplas vezes.
O mais convencional é o loop For de C
for (LET passo = 1; passo <= 5; passo++) {
// Executa 5 vezes, com os valores de passos de 1 a 5.
console.log(`Passei aqui ${passo} vezes `);
}Pode ser usado dentro de funções e até dentro de outros loops. Um dos usos mais recorrentes é iterar por arrays:
const arrayExercicio = [
"banana",
"pera",
"uva",
"maça",
"figo",
"abacaxi",
"caviar"
];
for (LET passo = 0; passo < arrayExercicio.length; passo++) {
// Executa 5 vezes, com os valores de passos de 1 a 5.
console.log(`O item ${passo} é ${arrayExercicio[passo]}`);
}Ver mais:
Desenvolvido com 💜