Перейти к содержимому

Якоря в JavaScript: начало и конец строки

Введение в якоря в JavaScript

Якоря — это специальные символы в регулярных выражениях, которые позволяют сопоставлять позиции внутри строки, а не сами символы. Два основных якоря в JavaScript — это ^ (caret) и $ (знак доллара). Якорь ^ указывает, что совпадение должно начинаться в начале строки, а якорь $ — что совпадение должно происходить в конце строки. Понимание и эффективное использование этих якорей может значительно улучшить ваши возможности по обработке и проверке строк в JavaScript.

Якорь ^: сопоставление начала строки

Якорь ^ используется для проверки того, начинается ли строка с определенного шаблона.

Использование якоря ^


Output appears here after Run.

В этом примере ^Hello гарантирует, что строка начинается с "Hello". Строка 'Hello, world!' соответствует шаблону, а 'Say Hello, world!' — нет, потому что "Hello" не стоит в начале.

Практический пример: проверка начала адреса электронной почты


Output appears here after Run.

Это регулярное выражение проверяет, начинается ли адрес электронной почты с допустимого имени пользователя. Строка '[email protected]' соответствует, как и '[email protected]', поскольку обе начинаются с допустимого шаблона имени пользователя перед символом @.

Якорь $: сопоставление конца строки

Якорь $ используется для проверки того, заканчивается ли строка определенным шаблоном.

Использование якоря $


Output appears here after Run.

В этом примере world!$ гарантирует, что строка заканчивается на "world!". Строка 'Hello, world!' соответствует шаблону, а 'Hello, world' — нет, так как в конце отсутствует восклицательный знак.

Практический пример: проверка расширения файла


Output appears here after Run.

Это регулярное выражение проверяет, заканчивается ли имя файла на ".txt". Строка 'document.txt' соответствует, а 'document.pdf' — нет.

INFO

Якоря (^ и $) в регулярных выражениях JavaScript позволяют точно сопоставлять начало или конец строки, обеспечивая точную проверку и обработку текста.

Комбинирование ^ и $ для точного совпадения

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

Использование обоих якорей


Output appears here after Run.

В этом примере ^Hello, world!$ гарантирует, что вся строка соответствует "Hello, world!". Точно соответствует только строка 'Hello, world!'.

Практический пример: проверка точного шаблона


Output appears here after Run.

Это регулярное выражение гарантирует, что адрес электронной почты имеет допустимый формат от начала до конца. Он проверяет наличие допустимого имени пользователя, символа "@", имени домена и домена верхнего уровня.

Использование якорей для точной проверки

Якоря особенно полезны при проверке ввода, когда необходимо убедиться, что вся строка соответствует шаблону. Например, используйте ^ и $ для проверки номеров телефонов, почтовых индексов или любого ввода с фиксированным форматом.

Пример: проверка номера телефона США


Output appears here after Run.

Это регулярное выражение гарантирует, что номер телефона имеет формат (123) 456-7890. Он использует ^ для указания начала и $ для указания конца, обеспечивая полное совпадение строки с указанным шаблоном.

Заключение

Якоря — это мощный инструмент в регулярных выражениях JavaScript, который позволяет сопоставлять позиции внутри строки. Освоив якоря ^ и $, вы сможете создавать точные и эффективные шаблоны для проверки и обработки строк. Независимо от того, проверяете ли вы начало или конец строки определенным шаблоном или ищете точное совпадение всей строки, якоря необходимы для надежной работы с регулярными выражениями.

Практика

Что верно относительно использования caret (^) и dollar ($) в JavaScript?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.