Фронтендщик

Карманы в методе replace в регулярках JavaScript При работе с методом replace, если мы что-то положим в карман в регулярке, то в строке замены мы можем вставить содержимое этого кармана написав знак доллара $ и номер кармана. Например, - первый карман, - второй карман и так далее. 📌 #instr || Фронтендщик

Преимуществом lastIndex является то, что его можно не только читать, но и изменять, начиная поиск с заданной позиции. Смотрите пример: let str = '12 34 56'; let reg = /\d+/g; reg.lastIndex = 2; let res = reg.exec(str) console.log(res); // [34] 📌 #instr || Фронтендщик

Давайте посмотрим на примере: let str = '12 34 56'; let reg = /\d+/g; console.log(reg.lastIndex); // начальное значение 0 let res; while (res = reg.exec(str)) { console.log(res); // [12], [34], [56] console.log(reg.lastIndex); // 2, 5, 8 } 📌 #instr || Фронтендщик

Свойство lastIndex в регулярках JavaScript У регулярного выражения есть свойствоlastIndex. Оно содержит позицию, с которой будет начинать поиск следующий вызов метода exec. To есть при каждом новом вызове метода это свойство будет менять свое значение. 📌 #instr || Фронтендщик

Можно найти не только совпадение, но и разложить его по карманам: let str = '12 34 56'; let reg = /(\d)(\d)/g; let res; while (res = reg.exec(str)) { console.log(res); // [12, 1, 2], [34, 3, 4], [56, 5, 6] } 📌 #instr || Фронтендщик

Такую особенность метода удобно использовать в цикле: let str = '12 34 56'; let reg = /\d+/g; let res; while (res = reg.exec(str)) { console.log(res); // [12], [34], [56] } 📌 #instr || Фронтендщик

После трех вызовов, так как в нашей строке больше нет совпадений с регуляркой, то следующий вызов метода вернет null: let res4 = reg.exec(str); console.log(res4); // null 📌 #instr || Фронтендщик

Давайте посмотрим на примере. Пусть у нас есть следующая строка: let str = '12 34 56'; Пусть у нас есть следующее регулярное выражение: let reg = /\d+/g; Давайте будем последовательно вызывать наш метод для нашей строки: let res1 = reg.exec(str); console.log(res1[0]); // 12 let res2 = reg.exec(str); console.log(res2[0]); // 34 let res3 = reg.exec(str); console.log(res3[0]); // 56 📌 #instr || Фронтендщик

Метод exec в регулярках JavaScript Метод exec осуществляет поиск по строке. Результатом возвращается найденная подстрока и ее карманы. При этом каждый последующий вызов данного метода будет начинать поиск с того места, в котором закончилась предыдущая найденная подстрока. 📌 #instr || Фронтендщик

Давайте найдем все пары чисел и разобьем их цифры по карманам: 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 || Фронтендщик

Глобальный matchAll в регулярках JavaScript Метод matchAll возвращает все совпадения в виде итерируемого объекта, каждый элемент которого содержит массив из найденного и его карманов. Метод может вызываться только с модификатором g. Давайте посмотрим на примере. Пусть у нас есть следующая строка: let str = '12 34 56'; 📌 #instr || Фронтендщик

Пример Давайте получим массив всех цифр: let str = '1 23 456 789'; let res = str.match(/\d/g); В результате в переменную запишется следующее: ['1', '2', '3', '4', '5', '6', '7', '8', '9'] 📌 #instr || Фронтендщик