Фронтендщик
前往频道在 Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
显示更多1 098
订阅者
无数据24 小时
-37 天
-1130 天
数据加载中...
相似频道
![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
七月 '26
+1
在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个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 30 七月 | 0 | |||
| 29 七月 | 0 | |||
| 28 七月 | 0 | |||
| 27 七月 | 0 | |||
| 26 七月 | +1 | |||
| 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 |
频道帖子
Глобальный 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 |
