Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
Фронтендщик
Відкрити в Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Показати більше1 109
Підписники
Немає даних24 години
-37 днів
-1030 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
червень '26
червень '260
в 1 каналах
травень '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 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 30 червня | 0 | |||
| 29 червня | 0 | |||
| 28 червня | 0 | |||
| 27 червня | 0 | |||
| 26 червня | 0 | |||
| 25 червня | 0 | |||
| 24 червня | 0 | |||
| 23 червня | 0 | |||
| 22 червня | 0 | |||
| 21 червня | 0 | |||
| 20 червня | 0 | |||
| 19 червня | 0 | |||
| 18 червня | 0 | |||
| 17 червня | 0 | |||
| 16 червня | 0 | |||
| 15 червня | 0 | |||
| 14 червня | 0 | |||
| 13 червня | 0 | |||
| 12 червня | 0 | |||
| 11 червня | 0 | |||
| 10 червня | 0 | |||
| 09 червня | 0 | |||
| 08 червня | 0 | |||
| 07 червня | 0 | |||
| 06 червня | 0 | |||
| 05 червня | 0 | |||
| 04 червня | 0 | |||
| 03 червня | 0 | |||
| 02 червня | 0 | |||
| 01 червня | 0 |
Дописи каналу
Инвертирование наборов символов в регулярках
С помощью шляпки '^' в начале квадратных скобок можно инвертировать желаемое. To есть, если, к примеру, команда [ab] ищет букву 'a' или 'b', то команда[^ab] будет искать все символы, кроме 'a'и 'b'.
📌 #instr || Фронтендщик
| 2 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'k':
let str = 'xax xbx xmx x@x';
let res = str.replace(/x[a-k]x/g,
'!');
В результате в переменную запишется следующее:
'! ! xmx x@x'
📌 #instr || Фронтендщик | 18 |
| 3 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'k':
let str = 'xax xbx xmx x@x';
let res = str.replace(/x[a-k]x/g,
'!');
В результате в переменную запишется следующее:
'! ! xmx x@x'
📌 #instr || Фронтендщик | 1 |
| 4 | Пример
В данном примере шаблон поиска выглядит так: между иксами любая буква от 'a' до 'z':
let str = 'xax xbx xcx x@x';
let res = str.replace(/x[a-z]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! x@x'
📌 #instr || Фронтендщик | 22 |
| 5 |  Можно не только перечислять символы, но создавать группы символов, записывая между двумя символами дефис. К примеру, вот так: [a-d] - мы получаем все символы от 'a' до 'd'.
Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 28 |
| 6 | Можно не только перечислять символы, но создавать группы символов, записывая между двумя символами дефис. К примеру, вот так: [a-d] - мы получаем все символы от 'a' до 'd'.
Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 1 |
| 7 | После квадратных скобок можно писать операторы повторения. К примеру, вот так: /x[abc]+x/ - мы говорим, что внутри иксов может быть любое количество символов 'a', 'b' и 'c' - в любых комбинациях.
📌 #instr || Фронтендщик | 26 |
| 8 | Квадратные скобки заменяют собой один символ, любой из перечисленных внутри. К примеру, вот так: /x[abc]x/ - мы говорим, что по краям должны стоять буквы икс, а внутри - один символ: или 'a', или 'b', или 'c'.
📌 #instr || Фронтендщик | 25 |
| 9 | Наборы символов в регулярных выражениях JavaScript
Группы символов \d и \w не очень гибкие. Даже такая простая задача, как найти все буквы, но не цифры - не может быть решена ими. Для таких задач следует использовать квадратные скобки, представляющие собой операцию 'или'.
📌 #instr || Фронтендщик | 21 |
| 10 |  Пример
В данном примере шаблон поиска выглядит так: НЕ цифра и НЕ буква один или более раз. Под данное определение в нашем случае попадает '@@@' и все пробелы (они ведь тоже не цифры и не буквы). Обратите внимание на то, что в конце один '!' - в него преобразовалась строка ' @@@' - с пробелом впереди:
let str = '1 12 123 Abc @@@';
let res = str.replace(/\W+/g,
'!');
В результате в переменную запишется следующее:
'1!12!123!Abc!'
📌 #instr || Фронтендщик | 22 |
| 11 | Пример
В данном примере шаблон поиска выглядит так: цифра или буква один или более раз. Все подстроки, состоящие из цифр и букв, заменятся на '!':
let str = '1 12 123a Abc @@@';
let res = str.replace(/\w+/g,
'!');
В результате в переменную
запишется следующее:
'! ! ! ! @@@'
📌 #instr || Фронтендщик | 22 |
| 12 | Пример
В данном примере шаблон поиска выглядит так: НЕ пробельный символ один или более раз. Все подстроки, разделенные пробелами, заменятся на '!':
let str = '1 12 123 abc @@@';
let res = str.replace(/\S+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! !'
📌 #instr || Фронтендщик | 23 |
| 13 | Пример
В данном примере шаблон поиска выглядит так: пробельный символ один раз:
let str = '1 12 123 abc @@@';
let res = str.replace(/\s/g,
'!');
В результате в переменную запишется следующее:
'1!12!123!abc!@@@'
📌 #instr || Фронтендщик | 25 |
| 14 | Пример
В следующем примере шаблон поиска выглядит так: все что угодно один или более раз, но не цифра от 0 до 9:
let str = '123abc3@@';
let res = str.replace(/\D+/g,
'!');
В результате в переменную запишется следующее:
'123!3!'
📌 #instr || Фронтендщик | 25 |
| 15 | Пример
Операторы повторения считают команды-группы одним целым, то есть группирующие скобки не нужны. В следующем примере шаблон поиска выглядит так: цифра от 0 до 9 один или более раз:
let str = '1 12 123 abc @@@';
let res = str.replace(/\d+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! abc @@@'
📌 #instr || Фронтендщик | 23 |
| 16 | Пример
Давайте найдем все цифры:
let str = '1 12 123';
let res = str.replace(/\d/g,
'!');
В результате в переменную запишется следующее:
'! !! !!!'
📌 #instr || Фронтендщик | 26 |
| 17 | Пример
Давайте найдем все цифры:
let str = '1 12 123';
let res = str.replace(/\d/g,
'!');
В результате в переменную запишется следующее:
'! !! !!!'
📌 #instr || Фронтендщик | 1 |
| 18 | Группы символов в регулярных выражениях JavaScript
Существуют специальные команды, которые позволяют выбрать сразу целые группы символов. Команда \d означает цифру от 0 до 9. Команда \w обозначает цифру, латинскую букву или знак подчеркивания. Команда \s обозначает пробел или пробельный символ: пробел, перевод строки, табуляцию. Можно инвертировать значение команды, написав большую букву: например, если \d - цифра, то \D - не цифра.
📌 #instr || Фронтендщик | 29 |
| 19 |  Конечно, зачастую такое поведение нам и нужно. Но конкретно в этом случае мы бы хотели отменить жадность и сказать регулярке, чтобы она искала до первого икса.
Чтобы ограничить жадность, нужно после оператора повторения поставить знак вопроса:
let res = str.replace(/a.+?x/g,
'!');
📌 #instr || Фронтендщик | 30 |
| 20 | Мы ожидаем, что в переменную в результате запишется строка '! zzz x kkk'. Однако, это не так - в переменную попадает строка '! kkk'.
Все дело в том, что наша регулярка ищет все символы от буквы 'a' до буквы 'x'. Но в нашей строке две буквы 'x'! Из-за жадности получается, что регулярка ищет до самого последнего икса, тем самым захватывая не то, что мы ожидали.
📌 #instr || Фронтендщик | 28 |
