Comment accéder correctement aux groupes correspondants dans les expressions régulières JavaScript ?

Comment accéder aux groupes correspondants dans une expression régulière JavaScript

L'accès aux sous-groupes capturés par une expression régulière en JavaScript peut être réalisé à l'aide de la méthode exec(). Cette méthode renvoie un objet de type Array contenant les correspondances effectuées par l'expression.

Pour illustrer, considérons l'exemple suivant :

var myString = "something format_abc"; // Obtain "abc"

const arr = /(?:^|\s)format_(.*?)(?:\s|$)/.exec(myString);

console.log(arr); // Outputs: [" format_abc", "abc"]
console.log(arr[1]); // Outputs: undefined (the issue)
console.log(arr[0]); // Outputs: format_undefined (another issue)

Le résultat attendu est d'obtenir le sous-groupe "abc" comme deuxième élément du tableau arr. Cependant, accéder à arr[1] et arr[0] conduit respectivement à des valeurs indéfinies et incorrectes.

Résolution de la sortie non définie :

L'absence de valeur dans arr[1] est dû au .*? quantificateur non gourmand utilisé dans l’expression régulière. Ce quantificateur capture le nombre minimum de caractères possible, ce qui donne la chaîne "format_abc" sans le délimiteur.

Pour résoudre ce problème, utilisez plutôt un quantificateur glouton .* :

/(?:^|\s)format_(.*)(?:\s|$)/

Correction de la sortie de chaîne incorrecte :

Le problème arr[0] résulte de l'utilisation du formatage de type printf de la console. Le caractère spécial % dans format_%A a tenté de remplacer la valeur du paramètre suivant, qui manquait.

Pour résoudre ce problème, échappez le % dans l'expression régulière :

/(?:^|\s)format_(.*?)(?:\s|$)/

Avec ces modifications, le résultat correct est obtenu :

[" format_abc", "abc"]
console.log(arr[1]); // Outputs: "abc"
console.log(arr[0]); // Outputs: " format_abc"

Accès aux groupes correspondants via matchAll() (ECMAScript 2020 et Plus tard) :

La méthode String.prototype.matchAll() fournit une approche moderne et plus intuitive pour itérer sur plusieurs correspondances dans une chaîne. Il renvoie un itérateur qui peut être utilisé comme suit :

const string = "something format_abc";
const regexp = /(?:^|\s)format_(.*?)(?:\s|$)/g;
const matches = string.matchAll(regexp);

for (const match of matches) {
  console.log(match);
  console.log(match.index);
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!