Фронтендщик
Open in Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Show more1 098
Subscribers
-224 hours
-57 days
-1130 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '260
in 0 channels
June '260
in 1 channels
Get PRO
May '260
in 0 channels
Get PRO
April '260
in 1 channels
Get PRO
March '26
+1
in 0 channels
Get PRO
February '26
+1
in 0 channels
Get PRO
January '260
in 0 channels
Get PRO
December '25
+1
in 0 channels
Get PRO
November '25
+1
in 0 channels
Get PRO
October '250
in 0 channels
Get PRO
September '25
+7
in 0 channels
Get PRO
August '25
+1
in 0 channels
Get PRO
July '25
+2
in 0 channels
Get PRO
June '25
+1
in 0 channels
Get PRO
May '250
in 0 channels
Get PRO
April '25
+1
in 0 channels
Get PRO
March '25
+6
in 0 channels
Get PRO
February '25
+4
in 0 channels
Get PRO
January '25
+2
in 0 channels
Get PRO
December '240
in 1 channels
Get PRO
November '24
+1
in 0 channels
Get PRO
October '24
+1
in 0 channels
Get PRO
September '24
+2
in 0 channels
Get PRO
August '24
+2
in 0 channels
Get PRO
July '24
+3
in 0 channels
Get PRO
June '24
+3
in 0 channels
Get PRO
May '24
+4
in 0 channels
Get PRO
April '24
+3
in 0 channels
Get PRO
March '24
+3
in 0 channels
Get PRO
February '24
+3
in 1 channels
Get PRO
January '24
+2
in 0 channels
Get PRO
December '23
+3
in 0 channels
Get PRO
November '23
+4
in 0 channels
Get PRO
October '23
+3
in 0 channels
Get PRO
September '23
+8
in 0 channels
Get PRO
August '23
+4
in 0 channels
Get PRO
July '23
+14
in 0 channels
Get PRO
June '23
+6
in 0 channels
Get PRO
May '23
+8
in 0 channels
Get PRO
April '23
+41
in 0 channels
Get PRO
March '23
+6
in 0 channels
Get PRO
February '23
+9
in 0 channels
Get PRO
January '23
+17
in 0 channels
Get PRO
December '22
+177
in 0 channels
Get PRO
November '22
+142
in 0 channels
Get PRO
October '22
+26
in 0 channels
Get PRO
September '22
+328
in 0 channels
Get PRO
August '22
+1 290
in 0 channels
Get PRO
July '22
+106
in 0 channels
Get PRO
June '22
+2
in 0 channels
Get PRO
May '220
in 0 channels
Get PRO
April '220
in 0 channels
Get PRO
March '220
in 0 channels
Get PRO
February '220
in 0 channels
Get PRO
January '220
in 0 channels
Get PRO
December '210
in 0 channels
Get PRO
November '21
+1
in 0 channels
Get PRO
October '21
+1
in 0 channels
Get PRO
September '21
+4
in 0 channels
Get PRO
August '210
in 0 channels
Get PRO
July '210
in 0 channels
Get PRO
June '21
+1
in 0 channels
Get PRO
May '210
in 0 channels
Get PRO
April '21
+3
in 0 channels
Get PRO
March '21
+2
in 0 channels
Get PRO
February '210
in 0 channels
Get PRO
January '21
+1
in 0 channels
Get PRO
December '20
+1 226
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 25 July | 0 | |||
| 24 July | 0 | |||
| 23 July | 0 | |||
| 22 July | 0 | |||
| 21 July | 0 | |||
| 20 July | 0 | |||
| 19 July | 0 | |||
| 18 July | 0 | |||
| 17 July | 0 | |||
| 16 July | 0 | |||
| 15 July | 0 | |||
| 14 July | 0 | |||
| 13 July | 0 | |||
| 12 July | 0 | |||
| 11 July | 0 | |||
| 10 July | 0 | |||
| 09 July | 0 | |||
| 08 July | 0 | |||
| 07 July | 0 | |||
| 06 July | 0 | |||
| 05 July | 0 | |||
| 04 July | 0 | |||
| 03 July | 0 | |||
| 02 July | 0 | |||
| 01 July | 0 |
Channel Posts
В следующем примере мы находим позицию подстроки 'aaa' в нашей строке:
let str = 'a aa aaa aaaa aaaa';
let res = str.search(/aaa/);
В результате в переменную запишется следующее:
5
📌 #instr || Фронтендщик
| 2 | Метод search в регулярных выражениях JavaScript
В данном уроке мы разберем метод search, который осуществляет поиск в строке по регулярному выражению. Он принимает следующие параметры:
строка.search(регулярка)
Метод возвращает позицию первой найденной подстроки, а если она не найдена - то -1.
📌 #instr || Фронтендщик | 15 |
| 3 | Часто данный метод используется для проверки на соответствие регулярному выражению целой строки. В этом случае в начале регулярки ставят шляпку, а в конце - доллар:
/^a+$/.test('aaaaaaaaa');
// вернет true
📌 #instr || Фронтендщик | 17 |
| 4 | Давайте для примера проверим какую-нибудь строку на соответствие регулярке:
/a+/.test('eee aaa bbb');
// вернет true
📌 #instr || Фронтендщик | 20 |
| 5 | Метод test в регулярных выражениях JavaScript
В данном уроке мы рассмотрим методtest, который проверяет, есть ли в строке хотя бы одно совпадение с регуляркой. Если есть - возвращается true, а если нет - false. Метод параметром принимает строку, а применяется к регулярке, вот так:
регулярка.test(где искать)
📌 #instr || Фронтендщик | 21 |
| 6 | Давайте вынесем регулярное выражение в переменную:
let reg = /\w+/;
let res = str.replace(reg, '!');
📌 #instr || Фронтендщик | 21 |
| 7 | Переменная с регуляркой в JavaScript
Регулярные выражения можно выносить в переменные. Давайте посмотрим на примере. Пусть у нас есть следующая строка:
let str = 'aaa bbb ccc';
Пусть у нас есть следующий код с регулярным выражением:
let res = str.replace(/\w+/,
'!');
📌 #instr || Фронтендщик | 23 |
| 8 | Пример
Если вертикальная черта стоит внутри круглых скобок, то 'или' работает только внутри этих скобок.
Для примера давайте найдем строки по следующему шаблону: в начале стоит или 'a', или 'b' один или более раз, а потом две буквы 'x':
let str = 'axx bxx bbxx exx';
let res = str.replace(/(a|b+)xx/g,
'!');
В результате в переменную запишется следующее:
'! ! ! exx'
📌 #instr || Фронтендщик | 19 |
| 9 | Пример
Вертикальная черта может делить регулярку не на две части, а на любое количество частей:
let str = 'aaa bbb ccc ddd';
let res = str.replace(/a+|b+|c+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ddd
📌 #instr || Фронтендщик | 23 |
| 10 | Пример
В данном примере шаблон поиска такой: одна или более буквы или три цифры:
let str = 'a ab abc 1 12 123';
let res = str.replace(/[a-z]+|\d{3}/g,
'!');
В результате в переменную запишется следующее:
'! ! ! 1 12 !'
📌 #instr || Фронтендщик | 26 |
| 11 | Пример
В данном примере шаблон поиска такой: три буквы 'a' или от 1 и более букв 'b':
let str = 'aaa bbb bbbb
bbbbb axx';
let res = str.replace(/a{3}|b+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! axx'
📌 #instr || Фронтендщик | 27 |
| 12 | Пример
В данном примере шаблон поиска такой: три буквы 'a' или от 1 и более букв 'b':
let str = 'aaa bbb bbbb
bbbbb axx';
let res = str.replace(/a{3}|b+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! axx'
📌 #instr || Фронтендщик | 1 |
| 13 | Пример
В данном примере шаблон поиска такой: три буквы 'a' или три буквы 'b':
let str = 'aaa bbb abb';
let res = str.replace(/a{3}|b{3}/g,
'!');
В результате в переменную запишется следующее:
'! ! abb'
📌 #instr || Фронтендщик | 28 |
| 14 | Команда 'или' в регулярных выражениях JavaScript
В данном уроке мы разберем команду '|', которая представляет собой более мощный вариант 'или' по сравнению с командой [ ]. Данная команда позволяет разделить регулярку на несколько частей. При этом искомое может попасть либо под одну часть регулярки, либо под другую. Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 23 |
| 15 | Доллар
Команда '$' в многострочном режиме будет ловить конец каждой строки:
let res = str.replace(/$/gm,
'!');
В результате в переменную запишется следующее:
`
111!
222!
333!
444!
`;
📌 #instr || Фронтендщик | 30 |
| 16 | Шляпка
С помощью модификатора 'm' можно включить многострочный режим. В этом случае шляпка будет ловить начало каждой строки:
let res = str.replace(/^/gm,
'!');
В результате в переменную запишется следующее:
`
!111
!222
!333
!444
`;
📌 #instr || Фронтендщик | 26 |
| 17 | Любой символ
Чтобы поймать все символы в многострочной строке, используется хитрый прием в виде сочетания [\s\S]. Такая конструкция найдет все обычные символы и все переводы строк:
let res = str.replace(/[\s\S]/g,
'!');
В результате в переменную запишется следующее:
!!!!!!!!!!!!!!!!!!;
📌 #instr || Фронтендщик | 26 |
| 18 | Работа точки
Команда '.' для многострочной строки не ловит символы перевода строки:
let res = str.replace(/./g,
'!');
В результате в переменную запишется следующее:
`
!!!
!!!!
!!!!
!!!!
`;
📌 #instr || Фронтендщик | 23 |
| 19 | Табуляция
Символы табуляции можно поймать с помощью команды '\t':
let res = str.replace(/\t/g,
'!');
В результате в переменную запишется следующее:
`
111
!222
!333
!444
`;
📌 #instr || Фронтендщик | 22 |
| 20 | Перевод строки
Символы перевода строки можно поймать с помощью команды '\n':
let res = str.replace(/\n/g,
'!');
В результате в переменную запишется следующее (промежутки между строками - это табуляция):
111! 222! 333! 444;
📌 #instr || Фронтендщик | 23 |
