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:

• exemplos
• manual mdn

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

• Básico sobre objetos
• Trabalhando com objetos

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:

Manual Mdn

• Exercício para casa

• Documentação Javascript
• JEP: explorador com exemplos

• Todos os Links
• LinkedIn
• GitHub

Desenvolvido com 💜