Регулярні вирази javaScript

Створення регулярних виразів (2 способи)

1. Конструктор RegExp()

var firstName = new RegExp("John");

У представленому прикладі створюється об'єкт RegExp з ім'ям firstName, що містить шаблон John

2. Присвоєння шаблону змінній

var firstName= /John/;

В даному прикладі /John/ є шаблоном

Розглянемо приклади з регулярними виразами javascript:

Потрібно знайти	Регулярний вираз
asdasdasdprivetasdasdasd	/privet/
privet	/^privet1/
asdasdeprtviasdasdasd asdasdeeeeeedfgdgdg	/[privet]/ или /[privet]{6}/
SdfuiyuiewrR345	/[a-zA-Z0-9]/ или /w/
452341	/[0-9]/ или /d/
jsdf8H?&	/./

Синтаксис регулярних виразів і метод пошуку

Розглянемо класи пошуку за шаблоном в javaScript:

Як шукати за шаблоном

Рішення:

Наступний клас:

Рішення:

var pattern = /\d\D/;

var pattern = /[abc] [^def]/;

var a = /[a-d][^d-f]/;
var str = "ad";
if( str.search(a) == -1) alert("неверно")
else
alert("верно");

var pattern = /{1,2}se/;

var pattern = /ab?c/;

var a = /cat|dog/;
var str = "sdfcatsdf";
if ( str.search(a) == -1) alert("неверно")
else
alert("верно");

var a = /f(a | o)r/;
var str = "sdffarsdf";
if (str.search(a) == -1) alert("неверно")
else
alert("верно");

var pattern = /^The/;

var pattern = /cat\b/;

Всі основні класи в регулярних виразах

Назва класу	Дія
\w	Будь-який символ в слові (алфавітно-цифровий)
\W	Неалфавітно-цифровий символ (?, *, & ...)
\s	Будь-який символ пробілу (символи табуляції, нового рядка, повернення каретки)
\S	Hепробільний символ
\d	Цифровий символ
\D	Hецифровий символ
[\b]	Використовується для пошуку символу забою (backspace)
[...]	Будь-який з символів, зазначених в дужках
[^...]	Будь-який символ, за винятком перерахованих у дужках
[х—у]	Символи в проміжку від х до у
[^х—у]	Символи, що не входять в проміжок від х до у
{х,у}	Попередній елемент повинен бути знайдений не менше х разів, але не більше у разів
{х,}	Попередній елемент повинен бути знайдений не менше х разів
?	Попередній елемент повинен бути знайдений один раз або взагалі не знайдений
+	Попередній елемент повинен бути знайдений хоча б один раз
*	Попередній елемент повинен бути знайдений необмежену кількість разів або взагалі не знайдений
|	Повиннен бути збіг або в виразі справа, або зліва від символу |
(...)	Угруповання всіх елементів в круглих дужках в підшаблон
^	Пошук з початку рядка або ж з початку першого рядка в багаторядкових даних
$	Пошук з кінця рядка або з кінця останнього рядка в багаторядкових даних
\b	Позиція між знаком, що входить в слова, і що не входить в слова
\B	Позиція, яка не перебуває між знаком, що входить в слова, і що не входить в слова

Тепер розглянемо дійсно серйозний і часто використовуваний приклад використання регулярних виразів javascript:

1.

var a = /^[a-zA-Z0-9_]{1,}({0,1}[a-zA-Z0-9_]{1,}){0,}@[a-zA-Z0-9_]{1,}({0,1}[a-zA-Z0-9_] {1,}){0,}(.[a-zA-Z0-9_]{2,4}) {1,}1/;

2.

var a = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;

Ці два приклади еквівалентні. Фрагменти коду одного кольору виконують одне і те ж дію.

function checkMail(){
var a = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
var textMail = document.getElementById('textMail');
var f=document.getElementById('f');
if (textMail.value.search(a) !== -1)
f.submit()
else
alert("невірний мейл");
}

Об'єкт Date для роботи з датою і часом в javaScript

Вбудовані об'єкти javaScript:

• Object (об'єкти)

• Number (обробка чисел)

• String (обробка рядків)

• Array (масиви)

• Math (математичні формули, функції і константи)

• Date (робота з датами і часом)

• RegExp

• Global (його властивості Infinity, NaN, undefined)

• Function

Створення об'єкта Date

1. Створення об'єкта з поточною датою і часом

var имя_переменной = new Date();

2. Створення об'єкта зі значенням (датою), заданих у вигляді рядка певного формату

var ім'я_змінної = new Date("month, day, year [hours:minutes:seconds])

var d1 = new Date("December 15, 1997 16:57:00");
var d2 = new Date("2000 jan 23 10:20"); /* Скорочений варіант */

3. Створення об'єкта зі значенням, заданим за допомогою числових параметрів:

var ім'я_змінної = new Date(year, month, day [,hours,minutes,seconds])

var d2 = new Date(1995,4,9,13,30,00);
document.writeln(d2); // Tue May 09 1995 13:30:00 GMT+0200 (Київ, літній час)

Приклади використання об'єкта Date в javaScript:

var today = new Date(); / * Об'єкт дати today містить інформацію про поточну дату * /
var date = today. getDate();
alert(date); // поточне число
var day = today. getDay();
alert(day); // значення дня тижня (0..6)
var year = today. getFullYear();
alert(year); //2010
var month = today. getMonth();
alert(month); // поточний місяць
var hours = today. getHours();
alert(hours); // поточну годину, наприклад 19
var minutes = today. getMinutes();
alert(minutes); // поточні хвилини

Методи об'єкта Date

Метод getTime() об'єкта Date в javascript

Метод getTime() повертає час в мілісекундах, що минув з 1 січня 1970 р

Розглянемо конкретний приклад з використанням методу getTime().

Рішення:

Ще один приклад:

Рішення:

Метод parse() об`єкта Date()

Метод parse() в javascript - перетворює рядок дати типу «Jan 11,1996» в кількість мілісекунд, що пройшли з півночі 1 січня 1970:

var d = new Date();
d.setTime(Date.parse("21 May 1958 10:12"));
document.write(d.toLocaleString());

Метод UTC (рік, місяць, день, година, хвилина, секунда) об'єкта Date ()

UTC (рік, місяць, день, година, хвилина, секунда) - повертає кількість мілісекунд для дати на базі універсального координованого часу (UTC), які пройшли з півночі 1 січня 1970 року.

var date1 = new Date(2003,01,10);
document.write(Date.parse(date1) + " "); //1044824400000
var date2 = new Date(2003,02,5);
document.write(Date.parse(date2) + " "); //1046811600000
document.write(Date.parse(date2) - Date.parse(date1) + " "); //1987200000
var days = (Date.parse(date2) - Date.parse(date1))/1000/60/60/24;
document.write(days); // результат: 23