Фронтендщик
Open in Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Show more1 098
Subscribers
No data24 hours
-37 days
-1130 days
Data loading in progress...
Similar Channels
![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)
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '26
+1
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 | |
| 30 July | 0 | |||
| 29 July | 0 | |||
| 28 July | 0 | |||
| 27 July | 0 | |||
| 26 July | +1 | |||
| 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
Глобальный match в регулярках JavaScript
Метод match, вызванный с модификатором g, возвращает все найденные совпадения в виде массива.
Давайте посмотрим на примерах.
Пример
Давайте получим массив подстрок, состоящих из букв 'a':
let str = 'a aa aaa aaaa';
let res = str.match(/a+/g);
В результате в переменную запишется следующее:
['a', 'aa', 'aaa', 'aaaa']
📌 #instr || Фронтендщик
| 2 | Давайте положим часы и минуты из этого времени в отдельные карманы:
let res = str.match(/(\d+):(\d+)/);
Посмотрим на результат:
console.log(res[0]);
// '12:34'
- найденное
console.log(res[1]);
// '12'
- 1 карман
console.log(res[2]);
// '34'
- 2 карман
📌 #instr || Фронтендщик | 8 |
| 3 | Для их использования нужно заключить часть регулярки в круглые скобки. В этом случае в массиве с результатом кроме найденной строки также появится и то, что попало под регулярку, стоящую в этих скобках.
Давайте попробуем на практике. Пусть у нас есть такая строка со временем:
let str = '12:34';
📌 #instr || Фронтендщик | 14 |
| 4 | Карманы в методе match в регулярках JavaScript
Как вы уже знаете, найденная через метод match подстрока попадает в нулевой элемент массива с результатом. В остальные элементы этого массива попадают так называемые карманы.
Карманы представляют собой способ разбить найденное на отдельные части.
📌 #instr || Фронтендщик | 19 |
| 5 |  А в свойстве input - строка, по которой был поиск (информация сомнительной ценности):
console.log(res.input);
// выведет 'xax xaax
xaaax'
📌 #instr || Фронтендщик | 20 |
| 6 | При этом результат будет обладать дополнительными свойствами. В свойстве index будет лежать позиция, на которой обнаружено совпадение:
console.log(res.index);
// выведет 0
📌 #instr || Фронтендщик | 19 |
| 7 | Применим к этой строке наш метод с регулярным выражением:
let res = str.match(/xa+x/);
В нулевом элементе массива с результатом будет лежать первое совпадение с регуляркой:
console.log(res[0]);
// выведет
'xax'
📌 #instr || Фронтендщик | 18 |
| 8 | Метод match в регулярках JavaScript
Метод match находит первое совпадение с регулярным выражением. Он возвращает массив, в нулевом элементе которого будет лежать найденная подстрока.
Давайте посмотрим на примере. Пусть у нас есть следующая строка:
let str = 'xax xaax xaaax';
📌 #instr || Фронтендщик | 18 |
| 9 |  Это однако не всегда так - параметром можно передать и регулярное выражение. В этом случае разделителем будут выступать все подстроки, которые попали под регулярное выражение.
В следующем примере мы разобьем строку в массив по разделителю '-' или по разделителю '+':
let str = 'a-b+c-d+e';
let res = str.split(/[-+]/);
В результате в переменную запишется следующее:
['a', 'b', 'c', 'd', 'e']
📌 #instr || Фронтендщик | 20 |
| 10 | Метод split в регулярных выражениях JavaScript
В данном уроке мы разберем метод split, который уже хорошо вам знаком - он разбивает строку в массив по разделителю. Вы уже должны знать, что разделитель передается параметром и им является строка.
📌 #instr || Фронтендщик | 20 |
| 11 |  В следующем примере мы находим позицию подстроки 'aaa' в нашей строке:
let str = 'a aa aaa aaaa aaaa';
let res = str.search(/aaa/);
В результате в переменную запишется следующее:
5
📌 #instr || Фронтендщик | 25 |
| 12 | Метод search в регулярных выражениях JavaScript
В данном уроке мы разберем метод search, который осуществляет поиск в строке по регулярному выражению. Он принимает следующие параметры:
строка.search(регулярка)
Метод возвращает позицию первой найденной подстроки, а если она не найдена - то -1.
📌 #instr || Фронтендщик | 24 |
| 13 | Часто данный метод используется для проверки на соответствие регулярному выражению целой строки. В этом случае в начале регулярки ставят шляпку, а в конце - доллар:
/^a+$/.test('aaaaaaaaa');
// вернет true
📌 #instr || Фронтендщик | 24 |
| 14 | Давайте для примера проверим какую-нибудь строку на соответствие регулярке:
/a+/.test('eee aaa bbb');
// вернет true
📌 #instr || Фронтендщик | 25 |
| 15 | Метод test в регулярных выражениях JavaScript
В данном уроке мы рассмотрим методtest, который проверяет, есть ли в строке хотя бы одно совпадение с регуляркой. Если есть - возвращается true, а если нет - false. Метод параметром принимает строку, а применяется к регулярке, вот так:
регулярка.test(где искать)
📌 #instr || Фронтендщик | 28 |
| 16 |  Давайте вынесем регулярное выражение в переменную:
let reg = /\w+/;
let res = str.replace(reg, '!');
📌 #instr || Фронтендщик | 28 |
| 17 | Переменная с регуляркой в JavaScript
Регулярные выражения можно выносить в переменные. Давайте посмотрим на примере. Пусть у нас есть следующая строка:
let str = 'aaa bbb ccc';
Пусть у нас есть следующий код с регулярным выражением:
let res = str.replace(/\w+/,
'!');
📌 #instr || Фронтендщик | 33 |
| 18 | Пример
Если вертикальная черта стоит внутри круглых скобок, то 'или' работает только внутри этих скобок.
Для примера давайте найдем строки по следующему шаблону: в начале стоит или 'a', или 'b' один или более раз, а потом две буквы 'x':
let str = 'axx bxx bbxx exx';
let res = str.replace(/(a|b+)xx/g,
'!');
В результате в переменную запишется следующее:
'! ! ! exx'
📌 #instr || Фронтендщик | 25 |
| 19 | Пример
Вертикальная черта может делить регулярку не на две части, а на любое количество частей:
let str = 'aaa bbb ccc ddd';
let res = str.replace(/a+|b+|c+/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ddd
📌 #instr || Фронтендщик | 27 |
| 20 | Пример
В данном примере шаблон поиска такой: одна или более буквы или три цифры:
let str = 'a ab abc 1 12 123';
let res = str.replace(/[a-z]+|\d{3}/g,
'!');
В результате в переменную запишется следующее:
'! ! ! 1 12 !'
📌 #instr || Фронтендщик | 31 |
