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

Регулярные выражения представляют собой образцы для поиска заданных комбинаций символов в текстовых строках (такой поиск называется сопоставлением с образцом). Существует два способа присваивания переменным регулярных выражений, а именно:
Использование инициализатора объекта: var re = /pattern/switch?.
Использование конструктора RegExp: var re = new RegExp("pattern"[,"switch"]?).
Здесь pattern - регулярное выражение, а switch - необязательные опции поиска.

Инициализаторы объекта, например, var re = /ab+c/, следует применять в тех случаях, когда значение регулярного выражения остается неизменным во время работы сценария. Такие регулярные выражения компилируются в процессе загрузки сценария и, следовательно, выполняются быстрее.

Вызов конструктора, например, var re = new RegExp("ab+c"), следует применять в тех случаях, когда значение переменной будет меняться. Если вы собираетесь использовать регулярное выражение несколько раз, то имеет смысл скомпилировать его методом compile для более эффективного поиска образцов.

При создании регулярного выражения следует учитывать, что заключение его в кавычки влечет за собой необходимость использовать escape-последовательности, как и в любой другой строковой константе. Например, следующие два выражения эквивалентны:

	var re = /\w+/g;
	var re = new RegExp("\\w+", "g"); // В строке "\" должно заменяться на "\\"
	

Примечание: регулярное выражение не может быть пустым: два символа // подряд задают начало комментария. Поэтому для задания пустого регулярного выражения используйте выражение /.?/.

Регулярные выражения используются методами exec и test объекта RegExp и методами match, replace, search и split объекта String. Если нам нужно просто проверить, содержит ли данная строка подстроку, соответствующую образцу, то используются методы test или search. Если же нам необходимо извлечь подстроку (или подстроки), соответствующие образцу, то нам придется воспользоваться методами exec или match. Метод replace обеспечивает поиск заданной подстроки и замены ее на другую строку, а метод split позволяет разбить строку на несколько подстрок, основываясь на регулярном выражении или обычной текстовой строке. Более подробные сведения о применении регулярных выражений приведены в описании соответствующих методов.

Синтаксис регулярных выражений

Регулярное выражение может состоять из обычных символов; в этом случае оно будет соответствовать заданной комбинации символов в строке. Например, выражение /ком/ соответствует выделенным подстрокам в следующих строках: "комок", "лакомка", "главком флота". Однако, гибкость и мощь регулярным выражениям придает возможность использования в них специальных символов, которые перечислены в следующей таблице.

Специальные символы в регулярных выражениях:

\ - Для символов, которые обычно трактуются буквально, означает, что следующий символ является специальным. Например, /n/ соответствует букве n, а /\n/ соответствует символу перевода строки. Для символов, которые обычно трактуются как специальные, означает, что символ должен пониматься буквально. Например, /^/ означает начало строки, а /\^/ соответствует просто символу ^. /\\/ соответствует обратной косой черте \.

^ - Соответствует началу строки.

$ - Соответствует концу строки.

* - Соответствует повторению предыдущего символа нуль или более раз.

+ - Соответствует повторению предыдущего символа один или более раз.

? - Соответствует повторению предыдущего символа нуль или один раз.

. - Соответствует любому символу, кроме символа новой строки.

(pattern) - Соответствует строке pattern и запоминает найденное соответствие.

(?:pattern) - Соответствует строке pattern, но не запоминает найденное соответствие. Используется для группировки частей образца, например, /ко(?:т|шка)/ - это краткая запись выражения /кот|кошка/.

(?=pattern) - Соответствие с "заглядыванием вперед", происходит при соответствии строки pattern без запоминания найденного соответствия. Например, /Windows (?=95|98|NT|2000)/ соответствует "Windows " в строке "Windows 98", но не соответствует в строке "Windows 3.1". После сопоставления поиск продолжается с позиции, следующей за найденным соответствием, без учета заглядывания вперед.

(?!pattern) - Соответствие с "заглядыванием вперед", происходит при несоответствии строки pattern без запоминания найденного соответствия. Например, /Windows (?!95|98|NT|2000)/ соответствует "Windows " в строке "Windows 3.1", но не соответствует в строке "Windows 98". После сопоставления поиск продолжается с позиции, следующей за найденным соответствием, без учета заглядывания вперед.

x|y - Соответствует x или y.

{n} - n - неотрицательное число. Соответствует ровно n вхождениям предыдущего символа.

{n,} - n - неотрицательное число. Соответствует n или более вхождениям предыдущего символа. /x{1,}/ эквивалентно /x+/. /x{0,}/ эквивалентно /x*/.

{n,m} - n и m - неотрицательное числа. Соответствует не менее чем n и не более чем m вхождениям предыдущего символа. /x{0,1}/ эквивалентно /x?/.

[xyz] - Соответствует любому символу из заключенных в квадратные скобки.

[^xyz] - Соответствует любому символу, кроме заключенных в квадратные скобки.

[a-z] - Соответствует любому символу в указанном диапазоне.

[^a-z] - Соответствует любому символу, кроме лежащих в указанном диапазоне.

\b - Соответствует границе слова, т. е. позиции между словом и пробелом или переводом строки.

\B - Соответствует любой позиции, кроме границе слова.

\сX - Соответствует символу Ctrl+X. Например, /\cI/ эквивалентно /\t/.

\d - Соответствует цифре. Эквивалентно [0-9].

\D - Соответствует нецифровому символу. Эквивалентно [^0-9].

\f - Соответствует символу перевода формата (FF).

\n - Соответствует символу перевода строки (LF).

\r - Соответствует символу возврата каретки (CR).

\s - Соответствует символу пробела. Эквивалентно /[ \f\n\r\t\v]/.

\S - Соответствует любому непробельному символу. Эквивалентно /[^ \f\n\r\t\v]/.

\t - Соответствует символу табуляции (HT).

\v - Соответствует символу вертикальной табуляции (VT).

\w - Соответствует латинской букве, цифре или подчеркиванию. Эквивалентно /[A-Za-z0-9_] /.

\W - Соответствует любому символу, кроме латинской буквы, цифры или подчеркивания. Эквивалентно /[^A-Za-z0-9_] /.

\nn - положительное число. Соответствует n-ной запомненной подстроке. Вычисляется путем подсчета левых круглых скобок. Если левых скобок до этого символа меньше, чем n, то эквивалентно \0n.

\0nn - восьмеричное число, не большее 377. Соответствует символу с восьмеричным кодом n. Например, /\011/ эквивалентно /\t/.

\xnn - шестнадцатеричное число, состоящее из двух цифр. Соответствует символу с шестнадцатеричным кодом n. Например, /\x31/ эквивалентно /1/.

\unn - шестнадцатеричное число, состоящее из четырех цифр. Соответствует символу Unicode с шестнадцатеричным кодом n. Например, /\u00A9/ эквивалентно /c/.

Регулярные выражения вычисляются аналогично остальным выражениям JavaScript, т. е. с учетом приоритета операций: операции, имеющие больший приоритет, выполняются первыми. Если операции имеют равный приоритет, то они выполняются слева направо. В следующей таблице приведен список операций регулярных выражений в порядке убывания их приоритетов; операции, расположенные в одной строке таблицы, имеют равный приоритет.

	\
	() (?:) (?=) (?!) []
	* + ? . {n} {n,} {n,m}
	^ $ \метасимвол
	|
	

Опции поиска

При создании регулярного выражения мы можем указать дополнительных опции поиска:
i (ignore case). Не различать строчные и прописные буквы.
g (global search). Глобальный поиск всех вхождений образца.
m (multiline). Многострочный поиск.
Любые комбинации этих трех опций, например ig или gim.

	var s = "Изучаем язык JavaScript";
	var re = /JAVA/;
	var result = re.test(s) ? "" " : "" не ";
	document.write("Строка "" + s + result + "соответствует образцу " + re);
	

Поскольку регулярные выражения различают строчные и прописные буквы, этот пример выведет в окно обозревателя текст:

Строка "Изучаем язык JavaScript" не соответствует образцу /JAVA/

Если мы теперь заменим вторую строку примера на var re = /JAVA/i;, то на экран будет выведен текст:

Строка "Изучаем язык JavaScript" соответствует образцу /JAVA/i

Теперь рассмотрим опцию глобального поиска. Она обычно применяется методом replace при поиске образца и замены найденной подстроки на новую. Дело в том, что по умолчанию этот метод производит замену только первой найденной подстроки и возвращает полученный результат. Рассмотрим следующий сценарий:

	var s = "Мы пишем сценарии на JavaScript, " +
	"но JavaScript - не единственный сценарный язык.";
	var re = /JavaScript/;
	document.write(s.replace(re, "VBScript"));
	

Он выводит в окно обозревателя текст, который явно не соответствует желаемому результату: Мы пишем сценарии на VBScript, но JavaScript - не единственный сценарный язык. Для того, чтобы все вхождения строки "JavaScript" были заменены на "VBScript", мы должны изменить значение регулярного выражения на var re = /JavaScript/g;. Тогда результирующая строка будет иметь вид:

Мы пишем сценарии на VBScript, но VBScript - не единственный сценарный язык.

Наконец, опция многострочного поиска позволяет проводить сопоставление с образцом строкового выражения, состоящего из нескольких строк текста, соединенных символами разрыва строки. По умолчанию, сопоставление с образцом прекращается, если найден символ разрыва строки. Данная опция преодолевает указанное ограничение и обеспечивает поиск образца по всей исходной строке. Она также влияет на интерпретацию некоторых специальных символов в регулярных выражениях, а именно: Обычно символ ^ сопоставляется только с первым элементом строки. Если же опция многострочного поиска включена, то он также сопоставляется с любым элементом строки, которому предшествует символ разрыва строки. Обычно символ $ сопоставляется только с последним элементом строки. Если же опция многострочного поиска включена, то он также сопоставляется с любым элементом строки, который является символом разрыва строки.

Запоминание найденных подстрок

Если часть регулярного выражения заключена в круглые скобки, то соответствующая ей подстрока будет запомнена для последующего использования. Для доступа к запомненным подстрокам используются свойства $1, :, $9 объекта RegExp или элементы массива, возвращаемого методами exec и match. В последнем случае количество найденных и запомненных подстрок не ограничено.

Следующий сценарий использует метод replace для перестановки слов в строке. Для замены найденного текста используются свойства $1 и $2.

	var re = /(\w+)\s(\w+)/i;
	var str = "Mikhail Bulgakov";
	document.write(str.replace(re, "$2, $1"))
	

Этот сценарий выведет в окно обозревателя текст:

Bulgakov, Mikhail

т.к. \w = [A-Za-z0-9_], то русские буквы работать не будут. Если мы хотим использовать русские буквы, то нам прийдется немножко модифицировать код:

	var re = /([а-я]+)\s([а-я]+)/i; 
	var str = "Михаил Булгаков"; 
	document.write(str.replace(re, "$2, $1")); // Булгаков, Михаил
	

Этот сценарий выведет в окно обозревателя текст:

Булгаков, Михаил

Основные понятия

Регулярные выражения - это мощное средство для обработки входящих данных. Задача, требующая замены или поиска текста, может быть красиво решена с помощью этого "языка внутри языка". И хотя максимальный эффект от регулярных выражений можно добиться при использования серверных языков, всё же не стоит недооценивать возможности этого приложения и на стороне клиента.

Регулярное выражение (regular expression) - средство для обработки строк или последовательность символов, определяющая шаблон текста.

Регулярное выражение задаётся как обычная переменная, только вместо кавычек используется слеш, например:

var reg=/рег_выражение/

Под простейшими шаблонами будем понимать такие шаблоны, которые не нуждаются в каких-либо специальных символах.

Допустим, нашей задачей является замена всех букв "р" (малых и заглавных) на латинскую большую букву "R" в словосочетании Регулярные выражения.

Создаём шаблон var reg=/р/ и воспользуясь методом replace осуществляем задуманное

	<script language="JavaScript">
		var str="Регулярные выражения"
		var reg=/р/
		var result=str.replace(reg, "R")
		document.write(result)
	</script>
	

В результате получим строку 'РегуляRные выражения', замена произошла только на первом вхождении буквы "р" с учётом регистра. Но под условия нашей задачи этот результат не подходит... Тут нам понадобятся модификаторы "g" и "i", которые могут использоваться как отдельно, так и совместно.
Эти модификаторы ставятся в конце шаблона регулярного выражения, после слэша, и имеют следующие значения: модификатор "g" - задаёт поиск в строке как "глобальный", т.е. в нашем случае замена произойдет для всех вхождений буквы "р". Теперь шаблон выглядит так: var reg=/р/g, подставив его в наш код

	<script language="JavaScript">
		var str="Регулярные выражения"
		var reg=/р/g
		var result=str.replace(reg, "R")
		document.write(result)
	</script>
	

Модификатор "i" - задаёт поиск в строке без учёта регистра, добавив этот модификатор в наш шаблон var reg=/р/gi, после выполнения скрипта получим искомый результат нашей задачи - 'RегуляRные выRажения'.

Специальные символы (метасимволы)

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

Метасимволы поиска совпадений.
Количественные метасимволы.
Метасимволы позиционирования.
Метасимволы поиска совпадений

\b граница слова, задаёт условие, при котором шаблон должен выполняться в начале или конце слов.

\B не граница слова, задаёт условие, при котором шаблон не выполняется в начале или конце слова.

\d цифра от 0 до 9.

\D не цифра.

\s одиночный пустой символ, соответствует символу пробела.

\S одиночный непустой символ, любой один символ за исключением пробела.

\w буква, цифра или символ подчёркивания.

\W не буква, цифра или символ подчёркивания.

. любой символ, любые знаки, буквы, цифры и т.д.

[ ] набор символов, задаёт условие, при котором шаблон должен выполняться при любом совпадении символов заключенных в квадратные скобки.

[^ ] набор не входящих символов, задаёт условие, при котором шаблон не должен выполняться при любом совпадении символов заключенных в квадратные скобки.

* ноль и большее количество раз.

? Ноль или один раз

+ Один и большее количество раз.

{n} точно n раз.

{n,} n или большее количество раз.

{n,m} по крайней мере, n раз, но не более чем m раз.

^ в начале строки.

$ в конце строки.

replace - данный метод мы уже использовали в самом начале статьи, он предназначен для поиска образца и замены найденной подстроки на новую подстроку.

test - данный метод проверяет, есть ли совпадения в строке относительно шаблона и возвращает false, если сопоставление с образцом закончилось неудачей, в противном случае true.

	<script language="JavaScript">
		var str="JavaScript"
		var reg=/PHP/
		var result=reg.test(str)
		document.write(result)
	</script>
	

выведет в качестве результата false, т.к. строка "JavaScript" не равна строке "PHP".

Также метод test может возвращать вместо true или false любую другую строку заданную программистом.
например:

	<script language="JavaScript">
		var str="JavaScript"
		var reg=/PHP/
		var result=reg.test(str) ? "Строка совпала" : "Строка не совпала"
		document.write(result)
	</script>
	

exec -- данный метод выполняет сопоставление строки с образцом, заданным шаблоном. Если сопоставление с образцом закончилось неудачей, то возвращается значение null. В противном случае результатом является массив подстрок, соответствующих заданному образцу. /*Первый элемент массива будет равен исходной строке удовлетворяющее заданному шаблону*/
например:

	<script language="JavaScript">
		var reg=/(\d+).(\d+).(\d+)/
		var arr=reg.exec("Я родился 15.09.1980")
		document.write("Дата рождения: ", arr[0], "< br>")
		document.write("День рождения: ", arr[1], "< br>")
		document.write("Месяц рождения: ", arr[2], "< br>")
		document.write("Год рождения: ", arr[3], "< br>")
	</script>
	

в результате получим четыре строки:
Дата рождения: 15.09.1980
День рождения: 15
Месяц рождения: 09
Год рождения: 1980

В статье отображено далеко не все возможности и прелести регулярных выражений, для более глубокого изучения этого вопроса посоветую изучить объект RegExp. Так же хочу обратить внимание на то, что синтаксис регулярных выражений не чем не отличается как в JavaScript, так и в PHP. К примеру, для проверки правильности ввода e-mail, регулярное выражение, что для JavaScript, что для PHP будет выглядеть одинаково
/[0-9a-z_]+@[0-9a-z_^.]+.[a-z]{2,3}/i.

Литералы

	/(\w+)@({\w\._}+)/
	

Данное выражение ищет любой адрес электронной почты, разбивая его на две части:имя почтового ящика и имя сервера, и сохраняет их в памяти в виде групп символов под номерами 1 и 2.

Этот класс отвечает за обработку строк с помощью регелярных выражений. Его конструктор имеет следующий вид:

RegExp(Регулярное выражение, Флаги)
	

Он принимает только один обязательный пареметр - это "Регулярное выражение", которое заключается в кавычки. Параметр "флаги" представляет собой дополнительные условия поиска и может принимать значения:

• g - задается глобальный поиск, если этот флаг установлен, то выражение возвратит все подходящие слова.
• i - игнорирование регистра символов
• m - многострочный поиск

Для работы с регулярными варажениями используются три метода класса String:

• match - выполняет поиск в строке, используя регулярное выражение, переданное в качестве параметра и возвращает массив с результатами поиска. Если ничего не найдено, возвращается null.
• replase - выполняет поиск и замену в строке, используя регулярные выражения, и возвращает полученную строку.
• search - выполняет поик в строке, используя регулярное выражение, переданное в качестве параметра, и возвращает позицию первой подстроки, совпадающей с регулярным выражением.

Свойства

Методы

	var result, re, str;
	str="http://www.netscape.com";
	re=new RegExp ("w{3}","i");
	result=str.match(re)
	

Здесь этот участок скрипта производит поиск текста "www" в строке, которая была присвоена переменной "str" без учета регистра, а метод match возвращает массив result, содержащий результаты поиска.

Этот глобальный объект служит для боступа к результатам поиска с использованием регулярных выражений. Этот объект создается самим интерпритатором и доступен всегда. Формат доступа к его свойствам:

RegExp.свойство

Свойства

Разбор URL

	var re, str, protocol, address, filename, result;
	str="http//www.somedomain.ru/index2.html";
	re=new RegExp("((\w+): \/\/)?([^/]+) (.*)?","i");
	result=re.exec(str);
	if (result !=null)
	{
		protocol=RegExp.$2;
		address=RegExp.$3;
		filename=RegExp.$4;
	}
	

Данный скрипт разбивает интернет адрес на несколько составных частей. В регелярном выражении использовалось несколько подвыражений, которые сохраняются интерпритатором следующим образом: сначала сохраняется внешнее выражение, а затем внутренее. После регулярного выражения следует строка (result=re.exec(str);), которая начинает разбивание адреса, а далее проверяется правильность адреса и, в случае положительного результата, происходит присваивание переменным соответствующих частей адреса.

Функция удаления пробелов в начале и конце строки

	function trim(str)
	{
	 return str.toString().replace(/^[ ]+/, '').replace(/[ ]+$/, '');
	}
	

	function trim(str) {
	 return str.replace(/^\s+|\s+$/g, '');
	 }
	

Поиск музыки на странице

var mmReg = /(?:http:\/\/[\w.]+\/)?(?!:\/\/)[^<^>^"^'^\s]+\.(?:aiff|au|avi|flv|mid|mov|mp3|ogg|ra|rm|spl|swf|wav|wma|wmv)(?!\w)/ig;
	this.tmp = this.allText.match(mmReg);
	if (this.tmp && this.search_common_embeds)
	 if ((this.tmp.length > 1))
	 if((this.tmp.length > 2) || (this.tmp[0]!=this.tmp[1])) ...