Acessando Elementos de um Array

Parte da seção Fundamentos do Journey de JavaScript da Coddy — lição 58 de 77.

Em JavaScript, usamos arrays para armazenar múltiplos valores em uma única variável. Cada valor em um array é chamado de elemento, e cada elemento possui um índice. Os índices começam em 0 até o comprimento do array menos um.

Por exemplo, dê uma olhada no seguinte array:

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

O elemento a está no índice 0
O elemento b está no índice 1
...
O elemento g está no índice 6

Para acessar um elemento de um array, podemos usar seu índice entre colchetes. Por exemplo, para acessar o primeiro elemento de um array chamado myArray, usaríamos myArray[0].

Aqui está um exemplo:

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2]

A variável element conterá o valor 30 porque ela acessa o terceiro elemento (que possui um índice de 2).

Desafio

Fácil

Crie uma função chamada values que recebe um array como argumento e imprime todos os itens do array um após o outro.

Para iterar sobre um array, use a propriedade .length dentro da instrução for:

let myArray = [10, 20, 30, 40, 50]
for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

Dessa forma, i irá iterar de 0 até myArray.length (não inclusive), que são exatamente todos os índices do array.

Folha de consulta

Arrays armazenam múltiplos valores em uma única variável. Cada elemento possui um índice começando em 0:

let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']

Acesse elementos usando colchetes com o índice:

let myArray = [10, 20, 30, 40, 50]
let element = myArray[2] // Retorna 30

Itere sobre arrays usando a propriedade .length:

for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

Experimente você mesmo

function values(arr) {
    // Escreva o código aqui
}

Teste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentos

1Introdução

A Linguagem Olá Mundo!Comentários Estrutura do Código

4Operadores Parte 2

Operadores Lógicos Parte 1 Operadores Lógicos Parte 2 Recapitulação - Lógica Simples Operadores Lógicos Parte 3 Coerção de Tipos

7Calculadora de Divisão de Conta

Mensagem de Boas-vindas Calculando a Gorjeta e o Total

Dividindo a Conta

Saída Formatada

10FizzBuzz com um Diferencial

Visão Geral do Jogo A Função FizzBuzz

Percorrendo os Números

Adicionando o Diferencial

13Rastreador de Lista de Compras

Visão Geral do Projeto Adicionar Item

Remover Item

Visualizar Lista

2Variáveis

Números String Booleano Convenções de Nomenclatura Variáveis Vazias Recapitulação - Inicializar Variáveis Constantes

5Tomada de Decisão

Estrutura If If - Else Revisão - Calculadora Simples If - Else Aninhado Estrutura Switch

8Laços de Repetição

Loop For Loop While Break Continue Recapitulação - Fatorial Loop Do While Loops Aninhados

11Arrays Parte 1

Declarando um ArrayAcessando Elementos de um ArrayModificando Arrays Métodos de Array Parte 1 Métodos de Array Parte 2 Recapitulação - Processador de Array

14Desafios Finais

Pirâmide de Números Dobrar os Ímpares O Que Comprar