Discussion :

[haddocks]

Bonjour,

Je ne comprends pas cette partie de Regex: (?:
J'ai lu l'explication de MDN, mais elle prends comme exemple /(?:zoo){1,2}/. Dans ce code il n'y à pas de {}.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function spinalCase(str) {
  // Replace low-upper case to low-space-uppercase
  str = str.replace(/([a-z])([A-Z])/g, "$1 $2");
  // Split on whitespace and underscores and join with dash
  return str
    .toLowerCase()
    .split(/(?:_| )+/)
    .join("-");
}
 
// test here
spinalCase("This Is Spinal Tap");

[mathieu]

regardez les explications de cette expression régulière sur le site regex101 :
https://regex101.com/r/Uymd9m/1

[CosmoKnacki]

La question que tu poses est très basique en matière de regex, donc la meilleur chose que tu as à faire c'est de te diriger vers un tutoriel sur le sujet (je ne pense pas que MDN s'étende trop dessus), il y en a plusieurs sur developpez.net. La référence ultime restant le livre Mastering Regular Expressions de J. E. F. Friedl (il en existe une ancienne édition libre de droits, la 2e je crois).

regex101 est en effet un outil très pratique pour faire ensuite tes propres tests.

Personnellement je réécrirais la fonction de cette manière:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function spinalCase(str) {
    return str
        .replace(/([a-z])([A-Z])/g, '$1-$2')
        .replace(/[_ ]+/g, '-');
}

voire avec une arrow function:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const spinalCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[_ ]+/g, '-');