La lista de la compra
Antes de ir al mercado, apuntas lo que necesitas: pan, leche, huevos.
No haces una nota para cada cosa. Haces una sola lista y cada cosa ocupa un sitio.
Un programa también guarda listas. En JavaScript se llaman arrays.
Palabras clave
| Palabra | Qué significa | Ejemplo |
|---|---|---|
| Array | Una lista de valores en orden, guardada en una sola variable. | ["pan", "leche"] |
| Elemento | Cada valor de la lista. | "pan" |
| Posición | El número de sitio de un elemento. La primera posición es la 0. | shopping[0] |
| length | Cuántos elementos tiene la lista. | shopping.length |
| push | Añade un elemento al final de la lista. | shopping.push("uvas") |
| Recorrer | Pasar por todos los elementos, uno a uno, con un bucle. | for (const item of shopping) |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Crear una lista y leerla
Un array se escribe con corchetes. Los elementos van separados por comas.
Para leer uno, escribes el nombre de la lista y su posición entre corchetes.
Las posiciones empiezan en 0, como en Java. Con cuatro elementos, la última posición es la 3.
Pruébalo: leer la lista
const shopping = ['pan', 'leche', 'huevos', 'queso'];
console.log(shopping[0]);
console.log(shopping[3]);
console.log(shopping.length);
console.log(shopping[4]);
// Escribe el segundo elemento.
Ejemplo resuelto: las posiciones
| Posición | Elemento | Cómo se lee |
|---|---|---|
| 0 | pan | shopping[0] |
| 1 | leche | shopping[1] |
| 2 | huevos | shopping[2] |
| 3 | queso | shopping[3] |
| 4 | No hay nada | shopping[4] da undefined |
Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.
Salirse del final no da error
Nota
En Java, pedir una posición que no existe paraba el programa. En JavaScript no: te da undefined. El programa sigue y el fallo aparece más tarde, en otro sitio. Cuenta bien las posiciones.
Cambiar, añadir y quitar
Para cambiar un elemento, le das un valor nuevo: shopping[1] = 'yogures';.
Para añadir uno al final, usas push. Para quitar el último, pop, que además te lo devuelve.
Con const no puedes cambiar la lista por otra, pero sí puedes cambiar lo que tiene dentro.
Pruébalo: añadir y quitar
const shopping = ['pan', 'leche', 'huevos', 'queso'];
shopping[1] = 'yogures';
shopping.push('uvas');
console.log(shopping);
const last = shopping.pop();
console.log('Quitado:', last);
console.log(shopping.length);
Repaso rápido: listas
Inténtalo
Repaso rápido: listas
3 preguntasTus respuestas se corrigen aquí y no se guardan. Una cuenta guarda tus resultados.