Acceder a elementos de un Array

Parte de la sección Fundamentos del Journey de JavaScript de Coddy — lección 58 de 77.

En JavaScript, utilizamos arrays para almacenar múltiples valores en una sola variable. Cada valor en un array se llama elemento, y cada elemento tiene un índice. Los índices comienzan desde 0 hasta la longitud del array menos uno.

Por ejemplo, echa un vistazo al siguiente array:

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

El elemento a está en el índice 0
El elemento b está en el índice 1
...
El elemento g está en el índice 6

Para acceder a un elemento de un array, podemos usar su índice dentro de corchetes. Por ejemplo, para acceder al primer elemento de un array llamado myArray, usaríamos myArray[0].

Aquí tienes un ejemplo:

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

La variable element contendrá el valor 30 porque accede al tercer elemento (que tiene un índice de 2).

Desafío

Fácil

Crea una función llamada values que reciba un array como argumento e imprima todos los elementos del array uno tras otro.

Para iterar sobre un array, utiliza la propiedad .length dentro de la sentencia for:

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

De esta manera, i iterará desde 0 hasta myArray.length (sin incluirlo), lo cual corresponde exactamente a todos los índices del array.

Hoja de referencia

Los arrays almacenan múltiples valores en una sola variable. Cada elemento tiene un índice que comienza desde 0:

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

Accede a los elementos utilizando corchetes con el índice:

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

Itera sobre los arrays utilizando la propiedad .length:

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

Pruébalo tú mismo

function values(arr) {
    // Escribe el código aquí
}

Ponte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Fundamentos

1Introducción

El lenguaje ¡Hola, mundo!Comentarios Estructura del código

4Operadores Parte 2

Operadores lógicos Parte 1 Operadores lógicos Parte 2 Repaso - Lógica simple Operadores lógicos Parte 3 Coerción de tipos

7Calculadora para dividir la cuenta

Mensaje de bienvenida Cálculo de la propina y el total

Dividir la cuenta

Salida con formato

10FizzBuzz con un giro

Descripción general del juego La función FizzBuzz

Iterando los números

Añadiendo el giro

13Rastreador de lista de compras

Descripción general del proyecto Añadir elemento

Eliminar elemento

Ver lista

2Variables

Números String Boolean Convenciones de nomenclatura Variables vacías Resumen - Inicializar variables Constantes

5Toma de decisiones

Sentencia If If - Else Repaso - Calculadora simple If - Else anidados Sentencia Switch

8Bucles

Bucle For Bucle While Break Continue Repaso - Factorial Bucle Do While Bucle anidado

11Arrays Parte 1

Declarar un ArrayAcceder a elementos de un ArrayModificar Arrays Métodos de Array Parte 1 Métodos de Array Parte 2 Resumen - Procesador de Arrays

14Desafíos finales

Pirámide de números Duplicar los impares Qué comprar