Javascript regexp все совпадения

Шпаргалка по регулярным выражениям

Регулярные выражения или «regex» используются для поиска совпадений в строке.

Ищем совпадение по шаблону
const testString = 'My test string' const testRegex = /string/ testRegex.test(testString) // true 
Ищем совпадение по нескольким шаблонам
Игнорируем регистр
const caseInsensitiveRegex = /ignore case/i const testString = 'We use the i flag to iGnOrE CasE' caseInsensitiveRegex.test(testString) // true 
Извлекаем первое совпадение в переменную
const match = 'Hello World!'.match(/hello/i) // 'Hello' 
Извлекаем все совпадения в массив
const testString = 'Repeat repeat rePeAt' const regexWithAllMatches = /Repeat/gi testString.match(regexWithAllMatches) // ['Repeat', 'repeat', 'rePeAt'] 
Ищем любой символ
const regexWithWildCard = /.at/gi const testString = 'cat BAT cupcake fAt mat dog' const allMatchingWords = testString.match(regexWithWildCard) // ['cat', 'BAT', 'fAt', 'mat'] 
Ищем один вариативный символ

Используем классы, позволяющие в [ ] определять группу искомых символов

const regexWithCharClass = /[cfm]at/g const testString = 'cat fat bat mat' const allMatchingWords = testString.match(regexWithCharClass) // ['cat', 'fat', 'mat'] 
Ищем буквы алфавита
const regexWithCharRange = /[a-e]at/ const catString = 'cat' const batString = 'bat' const fatString = 'fat' regexWithCharRange.test(catString) // true regexWithCharRange.test(batString) // true regexWithCharRange.test(fatString) // false 
Ищем определенные числа или буквы
const regexWithLetterAndNumberRange = /[a-z0-9]/ig const testString = 'Emma19382' testString.matсh(regexWithLetterAndNumberRange) // true 
Ищем методом исключения

Для исключения ненужных символов используем символ ^ — отрицательный набор

const allCharsNotAllowed = /[^aeiou]/gi const allCharsOrNumbersNotAllowed = /[^aeiou0-9]/gi 
Ищем символы, встречающиеся в строке один или более раз
const oneOrMoreAsRegex = /a+/gi const oneOrMoreSsRegex = /s+/gi const cityInFlorida = 'Tallahassee' cityInFlorida.match(oneOrMoreAsRegex) // ['a', 'a', 'a'] cityInFlorida.match(oneOrMoreSsRegex) // ['ss'] 
Ищем символы, встречающиеся в строке ноль или более раз
const zeroOrMoreOsRegex = /hi*/gi const normalHi = 'hi' const happyHi = 'hiiiiii' const twoHis = 'hiihii' const bye = 'bye' normalHi.match(zeroOrMoreOsRegex) // ['hi'] happyHi.match(zeroOrMoreOsRegex) // ['hiiiiii'] twoHis.match(zeroOrMoreOsRegex) // ['hii', 'hii'] bye.match(zeroOrMoreOsRegex) // null 
«Ленивый» поиск совпадений

Ищем наименьшую часть строки, удовлетворяющую заданному условию.
Regex по умолчанию является жадным (ищет самую длинную часть строки, удовлетворяющую условию). Используем символ?

const testString = 'catastrophe' const greedyRegex = /c[a-z]*t/gi const lazyRegex = /c[a-z]*?t/gi testString.match(greedyRegex) // ['catast'] testString.match(lazyRegex) // ['cat'] 
Ищем с помощью стартового шаблона (шаблона начала строки)

Для поиска строки по стартовому шаблону используем символ ^ (снаружи набора символов в [ ] в отличие от отрицательного набора)

const emmaAtFrontOfString = 'Emma likes cats a lot.' const emmaNotAtFrontOfString = 'the cats Emma likes are fluffy' const startingStringRegex = /^Emma/ startingStringRegex.test(emmaAtFrontOfString) // true startingStringRegex.test(emmaNotAtFrontOfString) // false 
Ищем с помощью завершающего шаблона (шаблона конца строки)

Для поиска строки по завершающему шаблону используем символ $

const emmaAtBackOfString = 'The cats do not like Emma' const emmaNotAtBackOfString = 'Emma loves the cats' const endingStringRegex = /Emma$/ endingStringRegex.test(emmaAtBackOfString) // true endingStringRegex.test(emmaNotAtBackOfString) // false 
Ищем все буквы или числа
const longHand = /[A-za-z0-9_]+/ const shortHand = /\w+/ const numbers = '42' const myFavouriteColor = 'magenta' longHand.test(numbers) // true shortHand.test(numbers) // true longHand.test(myFavouriteColor) // true shortHand.test(myFavouriteColor) // true 
Ищем любые символы, за исключением букв и чисел
const noAlphaNumericCharRegex = /\W/gi const weirdCharacters = '!_$!' const alphaNumericCharacters = 'ab24EF' noAlphaNumericCharRegex.test(weirdCharacters) // true noAlphaNumericCharRegex.test(alphaNumericCharacters) // true 
Ищем числа
const digitsRegex = /\d/g const stringWithDigits = 'My cat eats $20.00 worth of food a week' stringWithDigits.match(digitsRegex) // ['2', '0', '0', '0'] 
Ищем не числа
const nonDigitsRegex = /\D/g const stringWithLetters = '101 degrees' stringWithLetters.match(nonDigitsRegex) // [' ', 'd', 'e', 'g', 'r', 'e', 'e', 's'] 
Ищем пробелы (пробельные символы)
const sentenceWithWhitespace = 'I like cats!' const spaceRegex = /\s/g spaceRegex.match(sentenceWithWhitespace) // [' ', ' '] 
Ищем любые символы, за исключением пробелов
const sentenceWithWhitespace = 'C a t' const nonWhitespaceRegex = /\S/g sentenceWithWhitespace.match(nonWhitespaceRegex) // ['C', 'a', 't'] 
Ищем определенное количество символов
const regularHi = 'hi' const mediocreHi = 'hiii' const superExcitedHey = 'heeeeyyyyy. ' const excitedRegex = /hi/ excitedRegex.test(regularHi) // true excitedRegex.test(mediocreHi) // true excitedRegex.test(superExcitedHey) // false 
Ищем минимальное количество символов
const regularHi = 'hi' const mediocreHi = 'hiii' const superExcitedHey = 'heeeeyyyyy. ' const excitedRegex = /hi/ excitedRegex.test(regularHi) // false excitedRegex.test(mediocreHi) // true excitedRegex.test(superExcitedHey) // false 
Ищем точное количество символов
const regularHi = 'hi' const mediocreHi = 'hiii' const superExcitedHey = 'heeeeyyyyy. ' const excitedRegex = /hi/ excitedRegex.test(regularHi) // false excitedRegex.test(mediocreHi) // true excitedRegex.test(superExcitedHey) // false 
Ищем ноль или один символ

Используем ? после искомого символа

const britishSpelling = 'colour' const americanSpelling = 'Color' const langRegex = /colou?r/i langRegex.test(britishSpelling) // true langRegex.test(americanSpelling) // true 

Благодарю за потраченное время. Надеюсь, оно было потрачено не зря.

Читайте также:  Transition css left to rights

Источник

Оцените статью