Как получить сопоставленные группы в регулярном выражении JavaScript: 13 способов

Как получить сопоставленные группы в регулярном выражении JavaScript: 13 способов


1. Введение

Регулярные выражения – это мощный инструмент в программировании, который позволяет искать по шаблону и выполнять операции со строками. Для разработчиков JavaScript регулярные выражения предоставляют большую гибкость в обработке текстовых данных. Одной из ключевых функций регулярных выражений является сопоставление и извлечение групп данных, которые соответствуют определенным шаблонам.

В этой статье мы рассмотрим 13 способов получения сопоставленных групп в регулярном выражении JavaScript. Вы научитесь использовать различные методы и свойства, доступные в JavaScript, чтобы работать с группами данных.


2. Подготовка

Прежде чем мы начнем, вам понадобится основное понимание регулярных выражений и их синтаксиса. Если вы не знакомы с этой темой, рекомендуется ознакомиться с основами регулярных выражений в JavaScript.

Однако, если у вас уже есть базовое понимание регулярных выражений, мы перейдем к 13 способам получения сопоставленных групп.


3. Метод match()

Метод match() в JavaScript позволяет нам получить сопоставленные группы из строки, используя регулярное выражение. Этот метод возвращает массив сопоставленных значений.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
const matchResult = str.match(regex);

console.log(matchResult);

Результат:

["JavaScript 13", "JavaScript", "13"]

4. Создание объекта RegExp

Еще один способ получить сопоставленные группы – это создание объекта RegExp, а затем использование метода exec(). Метод exec() возвращает массив, содержащий результаты сопоставления.

const regex = new RegExp(/(\w+)\s(\d+)/);
const str = 'JavaScript 13';
const matchResult = regex.exec(str);

console.log(matchResult);

Результат:

["JavaScript 13", "JavaScript", "13"]

5. Свойство $1-$9

В JavaScript также есть специальные свойства по имени $1-$9, которые содержат сопоставленные группы. Например, $1 содержит первую сопоставленную группу, $2 – вторую и так далее.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
regex.test(str);

console.log(RegExp.$1); // "JavaScript"
console.log(RegExp.$2); // "13"

6. Использование метода replace()

Метод replace() позволяет нам модифицировать строку, включая сопоставленные группы в результат. Мы можем обратиться к сопоставленным группам с использованием специальных символов $1-$9 и вставить их в новую строку.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
const replaceResult = str.replace(regex, 'Language: $1, Version: $2');

console.log(replaceResult);

Результат:

"Language: JavaScript, Version: 13"

7. Использование метода split()

Метод split() позволяет разбить строку на массив подстрок с использованием заданного разделителя. Мы можем использовать регулярное выражение в качестве разделителя и получить массив, включая сопоставленные группы.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
const splitResult = str.split(regex);

console.log(splitResult);

Результат:

["", "JavaScript", "13", ""]

8. Использование групп внутри регулярного выражения

Вы также можете использовать сопоставленные группы непосредственно внутри регулярного выражения, чтобы получить более сложный механизм поиска и сопоставления.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';

if (regex.test(str)) {
  console.log('Соответствие найдено');
} else {
  console.log('Соответствие не найдено');
}

9. Метод search()

Метод search() позволяет нам осуществлять поиск сопоставления регулярного выражения в строке. Если находится сопоставление, метод возвращает позицию первого символа совпадения.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
const searchResult = str.search(regex);

console.log(searchResult);

Результат:

0

10. Метод test()

Метод test() возвращает булевое значение, указывающее, найдено ли сопоставление регулярного выражения в строке или нет.

const regex = /(\w+)\s(\d+)/;
const str = 'JavaScript 13';
const testResult = regex.test(str);

console.log(testResult);

Результат:

true

11. Использование флага g для глобального поиска

Для поиска всех сопоставлений регулярного выражения в строке, вы можете добавить флаг g к регулярному выражению.

const regex = /(\w+)\s(\d+)/g;
const str = 'JavaScript 13 JavaScript 14';
const matchResult = str.match(regex);

console.log(matchResult);

Результат:

["JavaScript 13", "JavaScript 14"]

12. Использование флага i для регистронезависимого поиска

Флаг i для регулярного выражения позволяет осуществлять поиск сигнорируя регистр символов.

const regex = /javascript/i;
const str = 'JavaScript';
const testResult = regex.test(str);

console.log(testResult);

Результат:

true

13. Применение квантификаторов

Квантификаторы позволяют указать количество повторений шаблона. Например, + соответствует одному или более повторениям, * соответствует нулю или более повторениям. Мы можем использовать квантификаторы для определения количества повторений группы.

const regex = /(\w+)\s(\d){1,3}/;
const str = 'JavaScript 1337';
const matchResult = str.match(regex);

console.log(matchResult);

Результат:

["JavaScript 133", "JavaScript", "3"]

Заключение

Применение регулярных выражений является неотъемлемой частью работы с текстовыми данными в JavaScript. Вы в этой статье узнали 13 способов получения сопоставленных групп из регулярного выражения. От метода match() и создания объекта RegExp, до использования свойств и методов строки – вам доступно множество способов работы с сопоставлениями.

Читайте так же  12 причин, почему функция JavaScript не работает, когда нажимается ссылка

Теперь вы можете использовать эти знания, чтобы работать с данными ваших приложений более эффективно и гибко. Experiment, экспериментируйте и наслаждайтесь возможностями регулярных выражений в JavaScript!