|
1 | 1 |
|
2 |
| -# Escaping, special characters |
| 2 | +# Échappement, caractères spéciaux |
3 | 3 |
|
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). |
5 | 5 |
|
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:[ \ ^ $ . | ? * + ( )`. |
7 | 7 |
|
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. |
9 | 9 |
|
10 |
| -## Escaping |
| 10 | +## Échappement |
11 | 11 |
|
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. |
13 | 13 |
|
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:\.`. |
15 | 15 |
|
16 |
| -That's also called "escaping a character". |
| 16 | +On appelle aussi cela "échapper un caractère". |
17 | 17 |
|
18 |
| -For example: |
| 18 | +Par exemple : |
19 | 19 | ```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 \.) |
22 | 22 | ```
|
23 | 23 |
|
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()"`: |
25 | 25 |
|
26 | 26 | ```js run
|
27 | 27 | alert( "function g()".match(/g\(\)/) ); // "g()"
|
28 | 28 | ```
|
29 | 29 |
|
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. |
31 | 31 |
|
32 | 32 | ```js run
|
33 | 33 | alert( "1\\2".match(/\\/) ); // '\'
|
34 | 34 | ```
|
35 | 35 |
|
36 |
| -## A slash |
| 36 | +## La barre oblique ou slash |
37 | 37 |
|
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. |
39 | 39 |
|
40 |
| -Here's what a search for a slash `'/'` looks like: |
| 40 | +Voici à quoi ressemble une recherche d'un slash `'/'` : |
41 | 41 |
|
42 | 42 | ```js run
|
43 | 43 | alert( "/".match(/\//) ); // '/'
|
44 | 44 | ```
|
45 | 45 |
|
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 : |
47 | 47 |
|
48 | 48 | ```js run
|
49 |
| -alert( "/".match(new RegExp("/")) ); // finds / |
| 49 | +alert( "/".match(new RegExp("/")) ); // trouve / |
50 | 50 | ```
|
51 | 51 |
|
52 | 52 | ## new RegExp
|
53 | 53 |
|
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. |
55 | 55 |
|
56 |
| -For instance, consider this: |
| 56 | +Par exemple, considérons : |
57 | 57 |
|
58 | 58 | ```js run
|
59 | 59 | let regexp = new RegExp("\d\.\d");
|
60 | 60 |
|
61 | 61 | alert( "Chapter 5.1".match(regexp) ); // null
|
62 | 62 | ```
|
63 | 63 |
|
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 ? |
65 | 65 |
|
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. |
67 | 67 |
|
68 |
| -Here's how "\d\.\d" is preceived: |
| 68 | +Voici comment "\d\.\d" est perçu : |
69 | 69 |
|
70 | 70 | ```js run
|
71 | 71 | alert("\d\.\d"); // d.d
|
72 | 72 | ```
|
73 | 73 |
|
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 : |
75 | 75 |
|
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é. |
79 | 79 |
|
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 ! |
81 | 81 |
|
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 `\`: |
83 | 83 |
|
84 | 84 | ```js run
|
85 | 85 | *!*
|
86 | 86 | let regStr = "\\d\\.\\d";
|
87 | 87 | */!*
|
88 |
| -alert(regStr); // \d\.\d (correct now) |
| 88 | +alert(regStr); // \d\.\d (correct maitenant) |
89 | 89 |
|
90 | 90 | let regexp = new RegExp(regStr);
|
91 | 91 |
|
92 | 92 | alert( "Chapter 5.1".match(regexp) ); // 5.1
|
93 | 93 | ```
|
94 | 94 |
|
95 |
| -## Summary |
| 95 | +## Résumé |
96 | 96 |
|
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