File tree Expand file tree Collapse file tree
9-regular-expressions/09-regexp-groups/1-find-webcolor-3-or-6 Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11Регулярное выражение для поиска номера цвета из трёх символов ` #abc ` : ` pattern:/#[a-f0-9]{3}/i ` .
22
3- Мы можем добавить точно 3 дополнительные шестнадцатеричные цифры. Нам не нужно больше или меньше. Либо у нас они есть , либо у нас нет.
3+ Мы можем задать ещё ровно 3 дополнительных шестнадцатеричных цифры. Нам не нужно больше или меньше - совпадение либо будет , либо нет.
44
55Простейший способ добавить их -- добавить в регулярное выражение: ` pattern:/#[a-f0-9]{3}([a-f0-9]{3})?/i `
66
77Мы можем сделать это более интересным способом: ` pattern:/#([a-f0-9]{3}){1,2}/i ` .
88
9- Этот регэксп ` pattern:[a-f0-9]{3} ` в скобках для применения квантификатора ` pattern:{1,2} ` к нему вцелом .
9+ Регулярное выражение ` pattern:[a-f0-9]{3} ` заключено в скобки для корректного применения к нему квантификатора ` pattern:{1,2} ` .
1010
1111В действии:
1212
@@ -18,7 +18,7 @@ let str = "color: #3f3; background-color: #AA00ef; and: #abcd";
1818alert ( str .match (reg) ); // #3f3 #AA00ef #abc
1919```
2020
21- Здесь есть небольшая проблема: шаблон находит ` match: # abc ` в` subject: # abcd` . Чтобы предотвратить это, мы можем добавить ` pattern: \ b ` в конец:
21+ Здесь есть небольшая проблема: шаблон находит ` match: # abc ` в ` subject: # abcd ` . Чтобы предотвратить это, мы можем добавить ` pattern: \ b ` в конец:
2222
2323``` js run
2424let reg = / #([a-f0-9 ] {3} ){1,2} \b / gi ;
You can’t perform that action at this time.
0 commit comments