Skip to main content

Arrays

Els arrays són una estructura fonamental en JavaScript que permeten emmagatzemar múltiples valors dins una sola variable. Es poden modificar, recórrer, filtrar i manipular de moltes maneres.

Què és un array?​

Un array és una col·lecció ordenada de valors. Cada valor ocupa una posició (índex) que comença per 0.

let fruits = ["poma", "plàtan", "kiwi"];
console.log(fruits[0]); // "poma"

const vs let amb arrays​

const​

  • No pots reassignar la variable
  • Pots modificar el contingut
const numeros = [1, 2, 3];
numeros.push(4); // OK
numeros = []; // ❌ Error

let​

  • Permet modificar i reassignar completament
let llista = [1, 2, 3];
llista = [4, 5]; // OK

Crear arrays​

let buida = [];
let nums = [1, 2, 3];
let ambLength = new Array(5); // [ <5 empty items> ]
let inicialitzada = new Array(1, 2, 3); // [1, 2, 3]

Accés i modificació d'elements​

let llista = ["Patata", "Leche"];
console.log(llista[1]); // "Leche"
llista[1] = "Tomate"; // Modifica valor

Propietat .length​

let arr = [10, 20, 30];
console.log(arr.length); // 3
console.log(arr[arr.length]); // undefined
console.log(arr[arr.length - 1]); // últim element

Mètodes bàsics d'array​

push() – afegeix al final​

arr.push("nou");

pop() – elimina el darrer​

let eliminat = arr.pop();

shift() – elimina el primer​

let primer = arr.shift();

unshift() – afegeix al principi​

arr.unshift("inici");

slice(inici, fi) – retorna còpia parcial​

let sub = arr.slice(1, 4); // elements 1, 2, 3

includes() – comprova si existeix un valor​

arr.includes("Galletes"); // true o false

indexOf() – retorna l’índex d’un valor​

arr.indexOf("Aceite"); // 4

Recorregut de arrays​

for clàssic​

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

for...of​

for (let element of arr) {
  console.log(element);
}

forEach​

arr.forEach((element) => {
  console.log(element);
});

break i continue​

  • break: surt del bucle
  • continue: salta a la següent iteració
for (let fruit of fruits) {
  if (fruit === "kiwi") break;
}

Activitats pràctiques​

  1. Accedeix al valor "Leche"
  2. Substitueix "Leche" per "Tomate"
  3. Accedeix a l’últim element d’un array
  4. Afegeix 5 productes nous amb push()
  5. Elimina "Leche" amb pop() o splice()
  6. Elimina "Patata" amb shift()
  7. Afegeix 5 productes al principi amb unshift()
  8. Crea una còpia amb slice() amb només "Patata" i "Leche"
  9. Comprova si hi ha "Miel" amb includes()
  10. Troba la posició de "Aceite" amb indexOf()
  11. Recorre la llista amb for i busca "Galletas"
  12. Repeteix l’anterior amb for...of
  13. Repeteix amb forEach()

Aplicacions reals dels arrays​

  • Llistes de dades (productes, noms, números…)
  • Recorrer i filtrar elements
  • Simular estructures com piles (stack) o cues (queue) amb push, pop, shift
  • Generar interfícies dinàmiques a React o frameworks

Aquest capítol t’introdueix a una de les eines més utilitzades a JavaScript. Dominar els arrays et permet gestionar col·leccions de dades de manera eficient i clara.