Фронтендщик
Open in Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Show more1 097
Subscribers
-124 hours
-37 days
-1230 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 | |
| 31 July | 0 | |||
| 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
Давайте найдем все пары чисел и разобьем их цифры по карманам:
let matches = str.matchAll(/(\d)(\d)/g);
Переберем полученный итерируемый объект циклом и выведем найденные совпадения:
for (let match of matches) {
console.log(match);
// [12, 1, 2], [34, 3,
4], [56, 5, 6]
}
📌 #instr || Фронтендщик
| 2 |  Пример
Давайте получим массив всех цифр:
let str = '1 23 456 789';
let res = str.match(/\d/g);
В результате в переменную запишется следующее:
['1', '2', '3', '4',
'5', '6',
'7', '8', '9']
📌 #instr || Фронтендщик | 12 |
| 3 | Пример
Давайте получим массив чисел:
let str = '1 23 456 789';
let res = str.match(/\d+/g);
В результате в переменную запишется следующее:
['1', '23', '456', '789']
📌 #instr || Фронтендщик | 13 |
| 4 |  Глобальный match в регулярках JavaScript
Метод match, вызванный с модификатором g, возвращает все найденные совпадения в виде массива.
Давайте посмотрим на примерах.
Пример
Давайте получим массив подстрок, состоящих из букв 'a':
let str = 'a aa aaa aaaa';
let res = str.match(/a+/g);
В результате в переменную запишется следующее:
['a', 'aa', 'aaa', 'aaaa']
📌 #instr || Фронтендщик | 20 |
| 5 | Давайте положим часы и минуты из этого времени в отдельные карманы:
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 || Фронтендщик | 17 |
| 6 | Для их использования нужно заключить часть регулярки в круглые скобки. В этом случае в массиве с результатом кроме найденной строки также появится и то, что попало под регулярку, стоящую в этих скобках.
Давайте попробуем на практике. Пусть у нас есть такая строка со временем:
let str = '12:34';
📌 #instr || Фронтендщик | 19 |
| 7 | Карманы в методе match в регулярках JavaScript
Как вы уже знаете, найденная через метод match подстрока попадает в нулевой элемент массива с результатом. В остальные элементы этого массива попадают так называемые карманы.
Карманы представляют собой способ разбить найденное на отдельные части.
📌 #instr || Фронтендщик | 22 |
| 8 |  А в свойстве input - строка, по которой был поиск (информация сомнительной ценности):
console.log(res.input);
// выведет 'xax xaax
xaaax'
📌 #instr || Фронтендщик | 23 |
| 9 | При этом результат будет обладать дополнительными свойствами. В свойстве index будет лежать позиция, на которой обнаружено совпадение:
console.log(res.index);
// выведет 0
📌 #instr || Фронтендщик | 23 |
| 10 | Применим к этой строке наш метод с регулярным выражением:
let res = str.match(/xa+x/);
В нулевом элементе массива с результатом будет лежать первое совпадение с регуляркой:
console.log(res[0]);
// выведет
'xax'
📌 #instr || Фронтендщик | 21 |
| 11 | Метод match в регулярках JavaScript
Метод match находит первое совпадение с регулярным выражением. Он возвращает массив, в нулевом элементе которого будет лежать найденная подстрока.
Давайте посмотрим на примере. Пусть у нас есть следующая строка:
let str = 'xax xaax xaaax';
📌 #instr || Фронтендщик | 19 |
| 12 |  Это однако не всегда так - параметром можно передать и регулярное выражение. В этом случае разделителем будут выступать все подстроки, которые попали под регулярное выражение.
В следующем примере мы разобьем строку в массив по разделителю '-' или по разделителю '+':
let str = 'a-b+c-d+e';
let res = str.split(/[-+]/);
В результате в переменную запишется следующее:
['a', 'b', 'c', 'd', 'e']
📌 #instr || Фронтендщик | 20 |
| 13 | Метод split в регулярных выражениях JavaScript
В данном уроке мы разберем метод split, который уже хорошо вам знаком - он разбивает строку в массив по разделителю. Вы уже должны знать, что разделитель передается параметром и им является строка.
📌 #instr || Фронтендщик | 20 |
| 14 |  В следующем примере мы находим позицию подстроки 'aaa' в нашей строке:
let str = 'a aa aaa aaaa aaaa';
let res = str.search(/aaa/);
В результате в переменную запишется следующее:
5
📌 #instr || Фронтендщик | 26 |
| 15 | Метод search в регулярных выражениях JavaScript
В данном уроке мы разберем метод search, который осуществляет поиск в строке по регулярному выражению. Он принимает следующие параметры:
строка.search(регулярка)
Метод возвращает позицию первой найденной подстроки, а если она не найдена - то -1.
📌 #instr || Фронтендщик | 27 |
| 16 | Часто данный метод используется для проверки на соответствие регулярному выражению целой строки. В этом случае в начале регулярки ставят шляпку, а в конце - доллар:
/^a+$/.test('aaaaaaaaa');
// вернет true
📌 #instr || Фронтендщик | 24 |
| 17 | Давайте для примера проверим какую-нибудь строку на соответствие регулярке:
/a+/.test('eee aaa bbb');
// вернет true
📌 #instr || Фронтендщик | 29 |
| 18 | Метод test в регулярных выражениях JavaScript
В данном уроке мы рассмотрим методtest, который проверяет, есть ли в строке хотя бы одно совпадение с регуляркой. Если есть - возвращается true, а если нет - false. Метод параметром принимает строку, а применяется к регулярке, вот так:
регулярка.test(где искать)
📌 #instr || Фронтендщик | 31 |
| 19 |  Давайте вынесем регулярное выражение в переменную:
let reg = /\w+/;
let res = str.replace(reg, '!');
📌 #instr || Фронтендщик | 29 |
| 20 | Переменная с регуляркой в JavaScript
Регулярные выражения можно выносить в переменные. Давайте посмотрим на примере. Пусть у нас есть следующая строка:
let str = 'aaa bbb ccc';
Пусть у нас есть следующий код с регулярным выражением:
let res = str.replace(/\w+/,
'!');
📌 #instr || Фронтендщик | 33 |
