0Pricing
JavaScript Academy · Lezione

Gruppi, catture e replace

Catturi parti del testo con i gruppi, usi i gruppi denominati, iteri su tutte le corrispondenze ed esegui sostituzioni sicure con riferimenti all’indietro o una funzione.

Gruppi, catture e replace è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.

Perché usare i gruppi?

Obiettivo: estrarre e ristrutturare il testo.

  • Gruppi di cattura: (...)
  • Gruppi denominati: (?<name>...)
  • matchAll per scorrere tutti i risultati
  • replace con $1 o una funzione
Gruppi, catture e replace — illustrazione 1

Gruppi numerati

Usi (...) per catturare parti. Vi acceda tramite indice: m[1], m[2], ...

// Capture YYYY-MM-DD into groups
const r = /(\\d{4})-(\\d{2})-(\\d{2})/;
const m = r.exec("Today: 2025-09-26");
if (m) {
  console.log("year:", m[1], "month:", m[2], "day:", m[3]);
} else {
  console.log("no match");
}
Gruppi, catture e replace — illustrazione 2

Gruppi denominati

I gruppi denominati aggiungono chiavi leggibili tramite m.groups.name.

// Named groups make code clearer
const rx = /(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/;
const hit = rx.exec("Release 2024-01-05");
if (hit) {
  console.log("y:", hit.groups.y, "m:", hit.groups.m, "d:", hit.groups.d);
}
Gruppi, catture e replace — illustrazione 3

Iterare sulle corrispondenze

matchAll restituisce un iteratore; lo usi con g per scorrere ogni corrispondenza e leggere i gruppi.

// matchAll with the g flag to get every match and groups
const text = "IDs: A-12, B-7, C-300";
const pattern = /([A-Z])-(\\d+)/g;

for (const match of text.matchAll(pattern)) {
  console.log("letter:", match[1], "num:", match[2]);
}
Gruppi, catture e replace — illustrazione 4

Sostituire usando i gruppi

replace può usare $1, $2 o un callback per creare il nuovo testo.

// Replace order: "2025-09-26" -> "26/09/2025"
const date = "2025-09-26";

// With backreferences
const swapped1 = date.replace(/(\\d{4})-(\\d{2})-(\\d{2})/, "$3/$2/$1");
console.log("swap1:", swapped1);

// With a function for more control
const swapped2 = date.replace(/(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/, function (_all, _y, _m, _d, groups) {
  return groups.d + "/" + groups.m + "/" + groups.y;
});
console.log("swap2:", swapped2);
Gruppi, catture e replace — illustrazione 5

Suggerimenti e insidie

Suggerimenti:

  • Aggiunga g quando servono tutte le corrispondenze (usi matchAll).
  • Preferisca i gruppi denominati per maggiore chiarezza.
  • Mantenga i pattern piccoli e li testi su stringhe di esempio brevi.
Gruppi, catture e replace — illustrazione 6

Quiz sulle basi di matchAll

Controllo rapido: iterare su tutte le corrispondenze con i gruppi.

Gruppi, catture e replace — illustrazione 7

Riepilogo

Riepilogo: catturi con (...), usi i gruppi denominati per maggiore chiarezza, scorra tutte le corrispondenze tramite matchAll e ristrutturi il testo usando replace con riferimenti all'indietro o un callback.

Gruppi, catture e replace — illustrazione 8

Domande Frequenti

La lezione «Gruppi, catture e replace» è gratuita?

Sì — il testo completo di «Gruppi, catture e replace» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.

Cosa imparerò in «Gruppi, catture e replace»?

Catturi parti del testo con i gruppi, usi i gruppi denominati, iteri su tutte le corrispondenze ed esegui sostituzioni sicure con riferimenti all’indietro o una funzione. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare JavaScript Academy?

Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 3.

Quanto tempo richiede la lezione «Gruppi, catture e replace»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?

Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Basi delle regex — letterali, test, ancoraggi e flag
  2. Gruppi, catture e replace
  3. Validazione e piccoli problemi comuni
← Torna a JavaScript Academy