[Урок 7]. Регулярні вирази в JS на практиці. Препаруємо біткойн-крани з iMacros.

Отримуємо розмір нагороди на біткойн-крані

Тут доведеться трохи попотіти. У першому варіанті у нас одна цифра виходить. У другому варіанті кілька можливих нагород з різною ймовірністю. Виходить нам потрібно створити функцію, яка буде працювати універсально і повертати дані в одному форматі. Буде не круто, якщо в першому випадку у нас результатом роботи функції буде одна цифра, а в другому випадку, буде масив з можливостями і розміром нагороди. Пропоную зробити єдиний формат, це позбавить від зайвого коду в подальшому. Я хочу щоб він виглядав ось так:

// Для першого випадку (Нагорода 150 Сатоши зі 100% ймовірністю) [{reward: 150, percentage: 95}] // Для другого випадку [{reward: 60, percentage: 95}, {reward: 100, percentage: 4} , {reward: 150, percentage: 1}]

За допомогою такої структури ми описали всі можливі випадки для наших 2 кранів. Потрібно зробити скрипт, який буде працювати з будь-якою кількістю можливих нагород.
Невелика ремарка: на деяких кранах крім декількох нагород з різних шансом, ще розмір кожної нагороди може варіюватися, наприклад «100-120 (10%)«, тоді ви можете замість ключа reward в масиві об'єктів, додати minReward і maxReward. Ось так легко можна розширювати можливості обраного вами формату даних.

Для створення більш складних регулярок я зазвичай використовую сайт https://regex101.com . Я просто зайшов на біткойн-кран і за допомогою Ctr + A і Ctrl + C скопіював весь текст і вставив на цьому сайті. Я написав вираз і справа відразу видно, що в тексті знайдено 3 збіги з патерном, і, за допомогою дужкових груп, я можу витягнути значення відсотків і нагород.

Підсумкове регулярний вираз:

(\ d {2,4}) \ ((\ d {1,3})% \)

(\ D {2,4}) - перша Дужковий група (розмір нагороди в Сатоши), від 2 до 4 цифр
(\ D {1,3}) - друга Дужковий група (відсотки), від 1 до 3 цифр
\ (... \) - це звичайні дужки (не плутайте з Дужковий групами), як бачите вони екрановані зворотними Слеш
Не забудьте пробіл між Дужковий групами, або можете замінити його класом \ s

Забігаючи трохи вперед, скажу, що ми будемо застосовувати нестандартне використання функції replace (), про що я говорив в минулому уроці.

Підсумковий код вийде такий:

var getReward = function () {var str = window.document.querySelector ( 'body'). textContent; var out = []; // результуючий масив // Для першого крана var found = str.match (/ (\ d {1,9}) satoshi every (\ d {1,4}) minutes / i); // found = [ "150 satoshi every 180 minutes", "150", "180"] // для другого крана ця регулярка поверне null if (found! = Null) {out.push ({reward: parseInt (found [1 ]), // Перетворимо рядок в число percentage: 100}); } // Для другого крана // Таке рішення з match не підійде: // var found2 = str.match (/ (\ d {2,4}) \ ((\ d {1,3})% \) / ig ); // [ "60 (95%)", "100 (4%)", "150 (1%)"] // Скористаємося чіторним методом replace з каллбеком: var found = str.replace (/ (\ d {2, 4}) \ ((\ d {1,3})% \) / igm, function (match, rwd, prtg, offset, string) {out.push ({reward: rwd, percentage: prtg}); return match ;}); return out; }; window.console.log (getReward ());

Відмінно! На обох кранах ми отримуємо рівно такі структури даних, які я описав вище. Між іншим, це коректний JSON-формат, з яким ми познайомимося трохи ближче в наступних уроках і ви полюбите його!

Ще я буду вас потихеньку привчати, як грамотніше оформляти свій код. Ви напевно вже звикли бачити в скриптах з інтернету паршиво відформатовані скрипти, що містять в собі безліч var і купу function func1 () {} і т.д. Це не найкращий підхід.

Я зараз вам покажу, як можна упакувати все створені нами функції в один великий об'єкт. Такі об'єкти дуже зручно використовувати в своїх різних скриптах, як свого роду невелику бібліотеку функцій. Крім упаковки в об'єкт, я буду використовувати покажчик this. Детально розбирати не буду, в принципі там все і так повинно бути більш-менш зрозуміло.

Міні-бібліотека для отримання інформації про біткойн-крані

var Helper = {_getContent: function () {return window.document.querySelector ( 'body'). textContent}, getRefComission: function () {var found = this._getContent (). match (/ (\ d {1,3 })% referral commission / i); return found! = null? found [1]: false; }, GetClaimInterval: function () {var found = this._getContent (). Match (/ satoshi every (\ d {1,4}) minutes / i); return found! = null? found [1]: false; }, GetReward: function () {var out = []; var found = this._getContent (). match (/ (\ d {1,9}) satoshi every (\ d {1,4}) minutes / i); if (found! = null) {out.push ({reward: parseInt (found [1]), percentage: 100}); } Var found = this._getContent (). Replace (/ (\ d {2,4}) \ ((\ d {1,3})% \) / igm, function (match, rwd, prtg, offset, string ) {out.push ({reward: rwd, percentage: prtg}); return match;}); return out; }}; // Приклад використання window.console.log ( `================================== Possible rewards:`) ; Helper.getReward (). ForEach (function (item) {window.console.log ( `$ {item.reward} satoshi with chance $ {item.percentage}%`);}); window.console.log ( `Interval: $ {Helper.getClaimInterval ()} minutes Ref.reward: $ {Helper.getRefComission ()}% =================== =============== `);

Ось, що вийде:

Сьогодні ми розібрали не надто складні приклади, але дуже корисні з практичної точки зору. Регулярні вирази тільки по-началу здаються страшними і незрозумілими. Попрацювавши з ними деякий час, ви будете відчувати величезне задоволення, коли одна ваша досить складна регулярка буде раздербанівать тисячі рядків тексту в красиві структуровані масиви об'єктів, як в прикладах вище.

Пишіть ваші зауваження, запитання та пропозиції в коментарях!