Фронтендщик
Открыть в Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Больше1 107
Подписчики
Нет данных24 часа
-17 дней
-930 день
Загрузка данных...
Похожие каналы
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=256&q=75)
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июль '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 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 10 июля | 0 | |||
| 09 июля | 0 | |||
| 08 июля | 0 | |||
| 07 июля | 0 | |||
| 06 июля | 0 | |||
| 05 июля | 0 | |||
| 04 июля | 0 | |||
| 03 июля | 0 | |||
| 02 июля | 0 | |||
| 01 июля | 0 |
Посты канала
Пример
В следующем примере шаблон поиска такой: первый символ - это маленькие буквы или дефис '-', потом две буквы 'x':
let str = 'axx Axx -xx @xx';
let res = str.replace(/[a-z-]xx/g,
'!');
В результате в переменную запишется следующее:
'! Axx ! @xx'
📌 #instr || Фронтендщик
| 2 | ![Пример Можно просто переставить дефис, не экранируя его: let str = '1a2 1-2 1c2 1z2'; let res = str.replace(/1[az-]2/g, '!');](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fn3.tlmtr.cc%2Fp%2F_hQmF-wcrWcnQE4yTrluBPxmNReCzcYDfcTjp7RaYqG0%3Fty%3Dx&w=64&q=75){kind=small} Пример
Можно просто переставить дефис, не экранируя его:
let str = '1a2 1-2 1c2 1z2';
let res = str.replace(/1[az-]2/g,
'!');
В результате в переменную запишется следующее:
'! ! 1c2 !'
📌 #instr || Фронтендщик | 15 |
| 3 | Пример
Давайте теперь заэкранируем дефис. В результате шаблон поиска такой: цифра 1, затем буква 'a', или дефис, или буква 'z', затем цифра 2:
let str = '1a2 1-2 1c2 1z2';
let res = str.replace(/1[a\-z]2/g,
'!');
В результате в переменную запишется следующее:
'! ! 1c2 !'
📌 #instr || Фронтендщик | 19 |
| 4 | Пример
В следующем примере шаблон поиска такой: цифра 1, затем буква от 'a' до 'z', затем цифра 2:
let str = '1a2 1-2 1c2 1z2';
let res = str.replace(/1[a-z]2/g,
'!');
В результате в переменную запишется следующее:
'! 1-2 ! !'
📌 #instr || Фронтендщик | 19 |
| 5 | Можно также заэкранировать дефис - тогда он будет обозначать сам себя независимо от позиции. Например, вместо [:-@]написать [:\-@] - и группы уже не будет, а будут три символа - двоеточие, дефис и собака @.
📌 #instr || Фронтендщик | 23 |
| 6 | Откуда они взялись? Из таблицы ASCII - двоеточие имеет номер меньше, чем собака - и получается группа. To есть все группы получаются по таблице ASCII (при желании этим можно пользоваться).
Как с этим бороться: поставьте символ дефиса там, где он точно не будет воспринят как символ группы, например, в начале или в конце (то есть после [или перед ]).
📌 #instr || Фронтендщик | 22 |
| 7 | ![Дефис внутри наборов в регулярках JavaScript Дефис - тоже спецсимвол внутри [ ] (а вот снаружи - нет). Если вам нужен сам деф](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwB6KCg4GffNBUL2B/Omh8ADBOPegyZXHP51qABd7cDFKQA33W2r1qPnqOCORU+FIbLAkn1qZPl1GtXYiYDGVOR70VJcEeZtBBAopx1VwsRcY96KKKYCjGeelMKBjkn9OmKKKTQDiF6j8aKKKYH/2Q==){kind=small} Дефис внутри наборов в регулярках JavaScript
Дефис - тоже спецсимвол внутри [ ] (а вот снаружи - нет). Если вам нужен сам дефис как символ - то поставьте его там, где он не будет воспринят как разделитель группы.
Почему это важно: вы можете сделать группу символов, сами не заметив этого. К примеру, вот так - '[:-@]' - вы думаете, что выбираете двоеточие, дефис и собаку, а на самом деле получается группа символов между : и @. В эту группу входят следующие символы: ? < = > : ;
📌 #instr || Фронтендщик | 21 |
| 8 |  Пример
Можно не убирать шляпку с первого места, а просто заэкранировать ее с помощью обратного слеша, и она станет обозначать саму себя:
let str = 'axx bxx ^xx dxx';
let res = str.replace(/[\^d]xx/g,
'!');
В результате в переменную запишется следующее:
'axx bxx ! !'
📌 #instr || Фронтендщик | 18 |
| 9 | Пример
А теперь шаблон поиска такой: первый символ - это 'd' или '^', потом две буквы 'x':
let str = 'axx bxx ^xx dxx';
let res = str.replace(/[d^]xx/g,
'!');
В результате в переменную запишется следующее:
'axx bxx ! !'
📌 #instr || Фронтендщик | 19 |
| 10 | Пример
В следующем примере шаблон поиска такой: первый символ - это все кроме 'd', потом две буквы 'x'.
let str = 'axx bxx ^xx dxx';
let res = str.replace(/[^d]xx/g,
'!');
В результате в переменную запишется следующее:
'! ! ! dxx'
📌 #instr || Фронтендщик | 22 |
| 11 | Символ шляпки внутри наборов в регулярках JavaScript
Как вы знаете, шляпка внутри [ ] делает отрицание, будучи написанной в начале скобок. Значит, она является спецсимволом внутри этих скобок. Чтобы получить шляпку как символ, нужно или заэкранировать ее, или убрать с первого места.
📌 #instr || Фронтендщик | 25 |
| 12 | ![Для примера в следующем коде шаблон поиска выглядит так: между иксами стоит квадратная скобка: let str = 'x]x xax x[x x1x'; l](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwByqCo4H607YPRf1piybQBg/nSmQ44yPxrUBBHlgAQfpSkAN91tq9ajJPUHBHIqfCkNlgST61Mny6jWrsRMBjKnI96KkuCPM2gggUU46q4WIuMe9FFFMBRjPPSmFAxyT+nTFFFJoBxC9R+NFFFMD//Z){kind=small} Для примера в следующем коде шаблон поиска выглядит так: между иксами стоит квадратная скобка:
let str = 'x]x xax x[x x1x';
let res = str.replace(/x[\[\]]x/g,
'!');
В результате в переменную запишется следующее:
'! xax ! x1x'
📌 #instr || Фронтендщик | 27 |
| 13 | Исключения внутри наборов в регулярках JavaScript
Вы уже знаете, что спецсимволы внутри [] становятся обычными символами. Есть, однако, исключения: если вам нужны квадратные скобки как символы внутри [ ] - то их нужно экранировать обратным слешем.
📌 #instr || Фронтендщик | 26 |
| 14 |  Пример
В данном примере шаблон поиска выглядит так: буква '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 || Фронтендщик | 26 |
| 15 | Группы символов внутри наборов в регулярках 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 || Фронтендщик | 21 |
| 16 |  Пример
В данном примере шаблон поиска выглядит так: между иксами любая маленькая латинская буква или точка:
let str = 'xax xbx xcx x@x';
let res = str.replace(/x[a-z.]x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! x@x'
📌 #instr || Фронтендщик | 20 |
| 17 | Спецсимволы внутри квадратных скобок в 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 || Фронтендщик | 20 |
| 18 |  Особенности кириллицы в регулярках JavaScript
Кириллические символы не входят в группу \w. Для их получения нужно использовать группу в квадратных скобках, вот так: [а-я]. Но даже с этой группой есть проблема - сюда не войдет буква 'ё'. Для ее включения нужно сделать вот так: [а-яё].
📌 #instr || Фронтендщик | 22 |
| 19 |  Пример
В данном примере шаблон поиска выглядит так: буква 'x', затем НЕ маленькая латинская буква, потом буква 'z':
let str = 'xaz xbz x1z xCz';
let res = str.replace(/x[^a-z]z/g,
'!');
В результате в переменную запишется следующее:
'xaz xbz ! !'
📌 #instr || Фронтендщик | 24 |
| 20 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', затем НЕ буква 'a', не 'b' и не 'c', потом буква 'z':
let str = 'xaz xbz xcz xez';
let res = str.replace(/x[^abc]z/g,
'!');
В результате в переменную запишется следующее:
'xax xbx xcx !'
📌 #instr || Фронтендщик | 25 |
