Фронтендщик
Відкрити в Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Показати більше1 108
Підписники
Немає даних24 години
-17 днів
-930 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
липень '26
липень '260
в 0 каналах
червень '260
в 1 каналах
Get PRO
травень '260
в 0 каналах
Get PRO
квітень '260
в 1 каналах
Get PRO
березень '26
+1
в 0 каналах
Get PRO
лютий '26
+1
в 0 каналах
Get PRO
січень '260
в 0 каналах
Get PRO
грудень '25
+1
в 0 каналах
Get PRO
листопад '25
+1
в 0 каналах
Get PRO
жовтень '250
в 0 каналах
Get PRO
вересень '25
+7
в 0 каналах
Get PRO
серпень '25
+1
в 0 каналах
Get PRO
липень '25
+2
в 0 каналах
Get PRO
червень '25
+1
в 0 каналах
Get PRO
травень '250
в 0 каналах
Get PRO
квітень '25
+1
в 0 каналах
Get PRO
березень '25
+6
в 0 каналах
Get PRO
лютий '25
+4
в 0 каналах
Get PRO
січень '25
+2
в 0 каналах
Get PRO
грудень '240
в 1 каналах
Get PRO
листопад '24
+1
в 0 каналах
Get PRO
жовтень '24
+1
в 0 каналах
Get PRO
вересень '24
+2
в 0 каналах
Get PRO
серпень '24
+2
в 0 каналах
Get PRO
липень '24
+3
в 0 каналах
Get PRO
червень '24
+3
в 0 каналах
Get PRO
травень '24
+4
в 0 каналах
Get PRO
квітень '24
+3
в 0 каналах
Get PRO
березень '24
+3
в 0 каналах
Get PRO
лютий '24
+3
в 1 каналах
Get PRO
січень '24
+2
в 0 каналах
Get PRO
грудень '23
+3
в 0 каналах
Get PRO
листопад '23
+4
в 0 каналах
Get PRO
жовтень '23
+3
в 0 каналах
Get PRO
вересень '23
+8
в 0 каналах
Get PRO
серпень '23
+4
в 0 каналах
Get PRO
липень '23
+14
в 0 каналах
Get PRO
червень '23
+6
в 0 каналах
Get PRO
травень '23
+8
в 0 каналах
Get PRO
квітень '23
+41
в 0 каналах
Get PRO
березень '23
+6
в 0 каналах
Get PRO
лютий '23
+9
в 0 каналах
Get PRO
січень '23
+17
в 0 каналах
Get PRO
грудень '22
+177
в 0 каналах
Get PRO
листопад '22
+142
в 0 каналах
Get PRO
жовтень '22
+26
в 0 каналах
Get PRO
вересень '22
+328
в 0 каналах
Get PRO
серпень '22
+1 290
в 0 каналах
Get PRO
липень '22
+106
в 0 каналах
Get PRO
червень '22
+2
в 0 каналах
Get PRO
травень '220
в 0 каналах
Get PRO
квітень '220
в 0 каналах
Get PRO
березень '220
в 0 каналах
Get PRO
лютий '220
в 0 каналах
Get PRO
січень '220
в 0 каналах
Get PRO
грудень '210
в 0 каналах
Get PRO
листопад '21
+1
в 0 каналах
Get PRO
жовтень '21
+1
в 0 каналах
Get PRO
вересень '21
+4
в 0 каналах
Get PRO
серпень '210
в 0 каналах
Get PRO
липень '210
в 0 каналах
Get PRO
червень '21
+1
в 0 каналах
Get PRO
травень '210
в 0 каналах
Get PRO
квітень '21
+3
в 0 каналах
Get PRO
березень '21
+2
в 0 каналах
Get PRO
лютий '210
в 0 каналах
Get PRO
січень '21
+1
в 0 каналах
Get PRO
грудень '20
+1 226
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 03 липня | 0 | |||
| 02 липня | 0 | |||
| 01 липня | 0 |
Дописи каналу
Исключения внутри наборов в регулярках JavaScript
Вы уже знаете, что спецсимволы внутри [] становятся обычными символами. Есть, однако, исключения: если вам нужны квадратные скобки как символы внутри [ ] - то их нужно экранировать обратным слешем.
📌 #instr || Фронтендщик
| 2 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', затем не цифра, не точка, и не маленькая латинская буква, затем буква 'z':
let str = 'xaz x1z xAz x.z x@z';
let res = str.replace(/x[^\d.a-z]z/g,
'!');
В результате в переменную запишется следующее:
'xaz x1z ! x.z !'
📌 #instr || Фронтендщик | 17 |
| 3 | Группы символов внутри наборов в регулярках JavaScript
Группы символов \d, \D, \w, \W, \s, \Sвнутри [] будут обозначать именно группы, то есть по-прежнему будут командами.
Пример
В данном примере шаблон поиска выглядит так: между иксами любая цифра, либо буква от 'a' до 'f':
let str = 'xax xbx x1x
x2x xhx x@x';
let res = str.replace(/x[\da-f]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! xhx x@x'
📌 #instr || Фронтендщик | 15 |
| 4 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая маленькая латинская буква или точка:
let str = 'xax xbx xcx x@x';
let res = str.replace(/x[a-z.]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! x@x'
📌 #instr || Фронтендщик | 14 |
| 5 | Спецсимволы внутри квадратных скобок в JavaScript
Спецсимволы внутри [ ] становятся обычными символами. Это значит, что их не надо экранировать обратным слешем.
Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква 'a', 'b', 'c', либо точка:
let str = 'xax xbx xcx
xdx x.x x@x';
let res = str.replace(/x[abc.]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! xdx ! x@x'
📌 #instr || Фронтендщик | 16 |
| 6 | Особенности кириллицы в регулярках JavaScript
Кириллические символы не входят в группу \w. Для их получения нужно использовать группу в квадратных скобках, вот так: [а-я]. Но даже с этой группой есть проблема - сюда не войдет буква 'ё'. Для ее включения нужно сделать вот так: [а-яё].
📌 #instr || Фронтендщик | 16 |
| 7 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', затем НЕ маленькая латинская буква, потом буква 'z':
let str = 'xaz xbz x1z xCz';
let res = str.replace(/x[^a-z]z/g,
'!');
В результате в переменную запишется следующее:
'xaz xbz ! !'
📌 #instr || Фронтендщик | 16 |
| 8 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', затем НЕ буква 'a', не 'b' и не 'c', потом буква 'z':
let str = 'xaz xbz xcz xez';
let res = str.replace(/x[^abc]z/g,
'!');
В результате в переменную запишется следующее:
'xax xbx xcx !'
📌 #instr || Фронтендщик | 20 |
| 9 | Инвертирование наборов символов в регулярках
С помощью шляпки '^' в начале квадратных скобок можно инвертировать желаемое. To есть, если, к примеру, команда [ab] ищет букву 'a' или 'b', то команда[^ab] будет искать все символы, кроме 'a'и 'b'.
📌 #instr || Фронтендщик | 23 |
| 10 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'k':
let str = 'xax xbx xmx x@x';
let res = str.replace(/x[a-k]x/g,
'!');
В результате в переменную запишется следующее:
'! ! xmx x@x'
📌 #instr || Фронтендщик | 24 |
| 11 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'k':
let str = 'xax xbx xmx x@x';
let res = str.replace(/x[a-k]x/g,
'!');
В результате в переменную запишется следующее:
'! ! xmx x@x'
📌 #instr || Фронтендщик | 1 |
| 12 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'z':
let str = 'xax xbx xcx x@x';
let res = str.replace(/x[a-z]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! x@x'
📌 #instr || Фронтендщик | 24 |
| 13 | Можно не только перечислять символы, но создавать группы символов, записывая между двумя символами дефис. К примеру, вот так: [a-d] - мы получаем все символы от 'a' до 'd'.
Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 30 |
| 14 | Можно не только перечислять символы, но создавать группы символов, записывая между двумя символами дефис. К примеру, вот так: [a-d] - мы получаем все символы от 'a' до 'd'.
Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 1 |
| 15 | После квадратных скобок можно писать операторы повторения. К примеру, вот так: /x[abc]+x/ - мы говорим, что внутри иксов может быть любое количество символов 'a', 'b' и 'c' - в любых комбинациях.
📌 #instr || Фронтендщик | 30 |
| 16 | Квадратные скобки заменяют собой один символ, любой из перечисленных внутри. К примеру, вот так: /x[abc]x/ - мы говорим, что по краям должны стоять буквы икс, а внутри - один символ: или 'a', или 'b', или 'c'.
📌 #instr || Фронтендщик | 30 |
| 17 | Наборы символов в регулярных выражениях JavaScript
Группы символов \d и \w не очень гибкие. Даже такая простая задача, как найти все буквы, но не цифры - не может быть решена ими. Для таких задач следует использовать квадратные скобки, представляющие собой операцию 'или'.
📌 #instr || Фронтендщик | 28 |
| 18 | Пример
В данном примере шаблон поиска выглядит так: НЕ цифра и НЕ буква один или более раз. Под данное определение в нашем случае попадает '@@@' и все пробелы (они ведь тоже не цифры и не буквы). Обратите внимание на то, что в конце один '!' - в него преобразовалась строка ' @@@' - с пробелом впереди:
let str = '1 12 123 Abc @@@';
let res = str.replace(/\W+/g,
'!');
В результате в переменную запишется следующее:
'1!12!123!Abc!'
📌 #instr || Фронтендщик | 27 |
| 19 | Пример
В данном примере шаблон поиска выглядит так: цифра или буква один или более раз. Все подстроки, состоящие из цифр и букв, заменятся на '!':
let str = '1 12 123a Abc @@@';
let res = str.replace(/\w+/g,
'!');
В результате в переменную
запишется следующее:
'! ! ! ! @@@'
📌 #instr || Фронтендщик | 25 |
| 20 | Пример
В данном примере шаблон поиска выглядит так: НЕ пробельный символ один или более раз. Все подстроки, разделенные пробелами, заменятся на '!':
let str = '1 12 123 abc @@@';
let res = str.replace(/\S+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! !'
📌 #instr || Фронтендщик | 25 |
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
