Fondamenta10 min

Array e Oggetti

Lavorare con array e oggetti: i metodi essenziali per manipolare dati in JavaScript.

Array e Oggetti

Array e oggetti sono le due strutture dati principali di JavaScript. Ogni applicazione li usa intensivamente per organizzare e trasformare informazioni.

Array: le basi

javascript

const frutti = ["mela", "banana", "arancia"];

frutti.push("kiwi");      // aggiunge in fondo
frutti.pop();              // rimuove l'ultimo
frutti.includes("mela");   // true
frutti.length;             // 3

Metodi funzionali sugli array

Questi metodi non modificano l'array originale ma ne restituiscono uno nuovo:

javascript

const numeri = [1, 2, 3, 4, 5];

const doppi = numeri.map(n => n * 2);        // [2, 4, 6, 8, 10]
const pari = numeri.filter(n => n % 2 === 0); // [2, 4]
const somma = numeri.reduce((acc, n) => acc + n, 0); // 15

Oggetti

javascript

const utente = {
  nome: "Sara",
  eta: 28,
  citta: "Milano",
};

// Accesso alle proprietà
console.log(utente.nome);       // "Sara"
console.log(utente["citta"]);   // "Milano"

Destructuring

Estrarre valori da array e oggetti in modo compatto:

javascript

// Oggetti
const { nome, eta } = utente;

// Array
const [primo, secondo] = frutti;

// Con valori di default
const { ruolo = "guest" } = utente;

Spread operator

javascript

const copia = { ...utente, eta: 29 };
const tutti = [...frutti, "mango"];

Lo spread è essenziale per creare copie immutabili dei dati, un concetto chiave nello sviluppo moderno.