Ang Regex Tester ay isang tool na idinisenyo upang subukan ang mga JavaScript regular expression laban sa sample na text, direkta sa inyong browser. Sa pamamagitan ng pagpapakita ng bawat tugma at capture group na naka-highlight agad, masusuri kung paano kumikilos ang isang pattern sa iba't ibang input.
Ang paggamit ng regular expressions (regex) ay mahalaga sa web development para sa paghahanap, pag-validate, at pag-extract ng mga partikular na bahagi ng string. Ang tool na ito ay nagbibigay ng mabilis na paraan upang masiguro na tama ang inyong pattern bago ito ilapat sa code.
Pag-unawa sa Interface at mga Input
Upang magamit ang tool, may tatlong pangunahing bahagi na kailangang punan o i-configure:
- Pattern: Dito isinusulat ang inyong regular expression. Ang default na placeholder na halimbawa para dito ay
\d+. - Mga Flag: Ang mga flag ay nagbabago sa gawi ng paghahanap ng regex engine. Maaari mong piliin ang mga sumusunod:
- g (Global): Hinahanap ang lahat ng tugma sa halip na ang una lang.
- i (Case insensitive): Iniiwasan ang case sensitivity o hindi pinapansin ang pagkakaiba ng malaki at maliit na titik.
- m (Multiline): Ginagawa nitong tumugma ang
^at$sa simula at dulo ng bawat linya sa halip na sa buong string lang. - s (Tumutugma ang tuldok sa newline): Pinapayagan ang tuldok (
.) na tumugma din sa mga line break.
- Test string: Ang text kung saan isasagawa ang pagsubok ng inyong pattern. Ang placeholder nito ay "I-paste o i-type ang text para subukan ang inyong pattern".
Pagbasa sa mga Output at Resulta
Kapag naglagay ng pattern at test string, ipapakita ng tool ang mga sumusunod na resulta:
- Mga naka-highlight na tugma: Ang mismong test string kung saan ang mga nahanap na tugma ay may kulay o highlight.
- Mga Tugma: Isang listahan ng bawat resulta na nahanap ng engine. Kung may mga capture group sa inyong pattern, ipapakita ang mga ito bilang Grupo
{n}sa ilalim ng bawat tugma. - Mga Tugma:
{count}: Ang kabuuang bilang ng mga tugmang nahanap sa test string. - Mga Character: Ang kabuuang bilang ng mga character sa inyong test string.
Mga Panuntunan at Limitasyon sa Pagproseso
Ang tool ay may mga partikular na panuntunan at limitasyon upang mapanatili ang bilis ng inyong browser:
- Kakulangan ng Tugma: Kung walang nahanap na tugma ang pattern sa test string, ipapakita ang mensaheng "Walang tugma.".
- Maling Syntax: Kung may mali sa pagkakasulat ng inyong regex, lalabas ang "Hindi valid na regular expression.".
- Limitasyon sa Global Flag: Kung hindi naka-select ang 'g' flag, ang unang tugma lamang ang ibabalik ng tool. Kung naka-select naman ang 'g' flag, ang tool ay magbabalik ng maximum na 1,000 matches at magpapakita ng maximum na 100 match cards. Kapag lumampas ang mga tugma sa limitasyong ito, ipapakita ang tala na "Ipinapakita ang unang
{max}.". - Pag-clear ng Tool: Maaaring burahin ang lahat ng input sa pamamagitan ng pag-click sa "I-clear" na button, na magpapakita ng mensaheng "Na-clear na.".
Pag-iwas sa Catastrophic Backtracking
Ang isa sa mga pinakamalaking hamon sa pagsulat ng regular expressions ay ang pagganap o performance nito. Ang ilang pattern na may nested repetition (tulad ng (a+)+) ay maaaring magdulot ng tinatawag na catastrophic backtracking kapag inilapat sa mga partikular na string. Nangyayari ito kapag ang regex engine ay sumusubok ng napakaraming kombinasyon bago magpasya kung may tugma o wala, na maaaring maging sanhi ng pag-freeze ng browser tab.
Upang maiwasan ang pag-lock ng inyong browser, ang tool na ito ay may built-in na timeout. Kung ang pagtutugma ng pattern ay tumagal ng higit sa 2 segundo, awtomatikong kakanselahin ng tool ang proseso at ipapakita ang babalang: "Masyadong matagal tumakbo ang pattern na ito — maaaring ito ay lubhang mabagal. Subukang gawin itong mas simple.". Upang maresolba ito, iminumungkahi na gawing simple ang mga nested repetition at iwasan ang mga overlapping na pattern.
Proteksyon sa Datos at Privacy
Ang inyong pattern at text ay sinusubukan sa inyong browser. Walang inia-upload sa BroBroGo. Ang lahat ng pagproseso at pagtutugma ng regex ay lokal na nangyayari sa inyong sariling device, kaya nananatili ang inyong data sa inyong lokal na kapaligiran.
Mga Madalas Itanong (FAQ)
Ligtas po bang i-paste ang aking text dito?
Opo. Ang pagtutugma ay ganap na nangyayari sa inyong browser — walang ipinapadala sa BroBroGo.
Ano po ang ibig sabihin ng mga g/i/m/s flag?
Hinahanap ng g ang lahat ng tugma sa halip na ang una lang. Iniiwasan ng i ang case sensitivity. Ginagawa ng m na tumugma ang ^ at $ sa simula at dulo ng bawat linya sa halip na sa buong string lang. Pinapayagan ng s na tumugma din ang . sa mga line break.
Bakit po sinasabi nitong masyadong matagal tumakbo ang aking pattern?
Ang ilang pattern ay nagdudulot ng catastrophic backtracking — sinusubukan ng engine ang napakaraming kombinasyon bago sumuko, na maaaring mag-freeze ng browser tab. Kinakansela ng tool na ito ang pagtutugma pagkatapos ng 2 segundo kapag nangyari iyon, kaya hindi magla-lock ang mismong pahina. Subukang gawing simple ang mga nested repetition tulad ng (a+)+.