Skip to content

Commit 3afd48a

Browse files
authored
Merge pull request #275 from XyoloJR/regex7
Escaping, special characters
2 parents fc116fe + a074cfa commit 3afd48a

File tree

1 file changed

+34
-34
lines changed
  • 9-regular-expressions/07-regexp-escaping

1 file changed

+34
-34
lines changed
Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,99 @@
11

2-
# Escaping, special characters
2+
# Échappement, caractères spéciaux
33

4-
As we've seen, a backslash `pattern:\` is used to denote character classes, e.g. `pattern:\d`. So it's a special character in regexps (just like in regular strings).
4+
Comme nous l'avons vu, la barre oblique inversée (ou backslash) `pattern:\` est utilisée pour désigner une classe de caractères, p. ex. `pattern:\d`. C'est donc un caractère spécial dans les expressions régulières (comme dans les chaînes de caractères classiques).
55

6-
There are other special characters as well, that have special meaning in a regexp. They are used to do more powerful searches. Here's a full list of them: `pattern:[ \ ^ $ . | ? * + ( )`.
6+
Il y a d'autres caractères spéciaux, qui ont un sens particulier dans une expression régulière. Ils sont utilisés pour effectuer des recherches avancées. En voici la liste complète : `pattern:[ \ ^ $ . | ? * + ( )`.
77

8-
Don't try to remember the list -- soon we'll deal with each of them separately and you'll know them by heart automatically.
8+
Inutile de mémoriser maintenant cette liste -- nous verrons chacun d'entre eux en détail, et vous les connaîtrez bientôt tous par cœur.
99

10-
## Escaping
10+
## Échappement
1111

12-
Let's say we want to find literally a dot. Not "any character", but just a dot.
12+
Admettons que nous voulons chercher un point. Pas n'importe quel caractère, mais juste un point.
1313

14-
To use a special character as a regular one, prepend it with a backslash: `pattern:\.`.
14+
Pour utiliser un caractère spécial en tant que caractère normal, on le précède d'un backslash : `pattern:\.`.
1515

16-
That's also called "escaping a character".
16+
On appelle aussi cela "échapper un caractère".
1717

18-
For example:
18+
Par exemple :
1919
```js run
20-
alert( "Chapter 5.1".match(/\d\.\d/) ); // 5.1 (match!)
21-
alert( "Chapter 511".match(/\d\.\d/) ); // null (looking for a real dot \.)
20+
alert( "Chapter 5.1".match(/\d\.\d/) ); // 5.1 (trouvé!)
21+
alert( "Chapter 511".match(/\d\.\d/) ); // null (cherche un vrai point \.)
2222
```
2323

24-
Parentheses are also special characters, so if we want them, we should use `pattern:\(`. The example below looks for a string `"g()"`:
24+
Les parenthèses sont aussi des caractères spéciaux, donc pour en rechercher une, nous devons utiliser `pattern:\(`. L'exemple ci-dessous recherche une chaîne de caractères `"g()"`:
2525

2626
```js run
2727
alert( "function g()".match(/g\(\)/) ); // "g()"
2828
```
2929

30-
If we're looking for a backslash `\`, it's a special character in both regular strings and regexps, so we should double it.
30+
Si nous recherchons un backslash `\`, comme c'est un caractère spécial aussi bien pour une expression régulière que pour une chaîne de caractère classique, nous devons donc le doubler.
3131

3232
```js run
3333
alert( "1\\2".match(/\\/) ); // '\'
3434
```
3535

36-
## A slash
36+
## La barre oblique ou slash
3737

38-
A slash symbol `'/'` is not a special character, but in JavaScript it is used to open and close the regexp: `pattern:/...pattern.../`, so we should escape it too.
38+
Un slash `'/'` n'est pas un caractère spécial, mais en javascript, il est utilisé pour ouvrir et fermer l'expression régulière : `pattern:/...pattern.../`, nous devons donc aussi l'échapper.
3939

40-
Here's what a search for a slash `'/'` looks like:
40+
Voici à quoi ressemble une recherche d'un slash `'/'` :
4141

4242
```js run
4343
alert( "/".match(/\//) ); // '/'
4444
```
4545

46-
On the other hand, if we're not using `pattern:/.../`, but create a regexp using `new RegExp`, then we don't need to escape it:
46+
Par contre si nous n'utilisons pas l'écriture `pattern:/.../`, mais créons l'expression régulière avec `new RegExp`, alors nous n'avons plus besoin de l'échapper :
4747

4848
```js run
49-
alert( "/".match(new RegExp("/")) ); // finds /
49+
alert( "/".match(new RegExp("/")) ); // trouve /
5050
```
5151

5252
## new RegExp
5353

54-
If we are creating a regular expression with `new RegExp`, then we don't have to escape `/`, but need to do some other escaping.
54+
Si nous construisons une expression régulière avec `new RegExp`, nous n'avons pas besoin d'échapper les `/`, mais nous aurons besoin d'autres échappements.
5555

56-
For instance, consider this:
56+
Par exemple, considérons :
5757

5858
```js run
5959
let regexp = new RegExp("\d\.\d");
6060

6161
alert( "Chapter 5.1".match(regexp) ); // null
6262
```
6363

64-
The similar search in one of previous examples worked with `pattern:/\d\.\d/`, but `new RegExp("\d\.\d")` doesn't work, why?
64+
C'est une recherche pourtant similaire à un exemple précédent, qui fonctionnait avec `pattern:/\d\.\d/`, mais pas ici avec `new RegExp("\d\.\d")`. Pourquoi ?
6565

66-
The reason is that backslashes are "consumed" by a string. As we may recall, regular strings have their own special characters, such as `\n`, and a backslash is used for escaping.
66+
Les backslashes sont en fait "consommés" par la chaîne de caractères. On peut se souvenir, que les chaîne de caractères ont leurs propres caractères spéciaux, comme `\n`, et le backslash est aussi utilisé pour l'échappement.
6767

68-
Here's how "\d\.\d" is preceived:
68+
Voici comment "\d\.\d" est perçu :
6969

7070
```js run
7171
alert("\d\.\d"); // d.d
7272
```
7373

74-
String quotes "consume" backslashes and interpret them on their own, for instance:
74+
Les guillemets "consomment" les backslashes et les interprètent pour la chaîne de caractère, par exemple :
7575

76-
- `\n` -- becomes a newline character,
77-
- `\u1234` -- becomes the Unicode character with such code,
78-
- ...And when there's no special meaning: like `pattern:\d` or `\z`, then the backslash is simply removed.
76+
- `\n` -- devient le caractère de nouvelle ligne,
77+
- `\u1234` -- devient le caractère unicode de ce code,
78+
- ... Et lorsqu'il n'y a pas de sens particulier : comme `pattern:\d` ou `\z`, alors le backslash est simplement retiré.
7979

80-
So `new RegExp` gets a string without backslashes. That's why the search doesn't work!
80+
Donc `new RegExp` reçoit une chaîne de caractères sans backslash. C'est pour ça que la recherche ne fonctionnait pas !
8181

82-
To fix it, we need to double backslashes, because string quotes turn `\\` into `\`:
82+
Pour résoudre ça, nous devons doubler les backslashes, parce que la chaine de caractères transforme les `\\` en `\`:
8383

8484
```js run
8585
*!*
8686
let regStr = "\\d\\.\\d";
8787
*/!*
88-
alert(regStr); // \d\.\d (correct now)
88+
alert(regStr); // \d\.\d (correct maitenant)
8989

9090
let regexp = new RegExp(regStr);
9191

9292
alert( "Chapter 5.1".match(regexp) ); // 5.1
9393
```
9494

95-
## Summary
95+
## Résumé
9696

97-
- To search for special characters `pattern:[ \ ^ $ . | ? * + ( )` literally, we need to prepend them with a backslash `\` ("escape them").
98-
- We also need to escape `/` if we're inside `pattern:/.../` (but not inside `new RegExp`).
99-
- When passing a string to `new RegExp`, we need to double backslashes `\\`, cause string quotes consume one of them.
97+
- Pour rechercher exactement un caractère spécial `pattern:[ \ ^ $ . | ? * + ( )`, nous devons le précéder d'un backslash `\` ("nous l'échappons").
98+
- Nous devons aussi échapper un `/` si nous sommes dans une expression régulière `pattern:/.../` (mais pas en utilisant `new RegExp`).
99+
- Lorsque l'on passe une chaîne de caractères à `new RegExp`, nous devons doubler les backslashes `\\`, car la chaîne en consomme un.

0 commit comments

Comments
 (0)