- vừa được xem lúc

Blog#62: Giải thích các Regex Syntax quan trọng (kèm ví dụ) 😊 (Series: Bí kíp Javascript - PHẦN 45)

0 0 18

Người đăng: NGUYỄN ANH TUẤN

Theo Viblo Asia

Mình là TUẤN hiện đang là một Full-stack Web Developer tại Tokyo 😊. Nếu bạn thấy Blog này hay xin hãy cho mình một like và đăng ký để ủng hộ mình nhé 😉.

Các biểu thức chính quy (regex hoặc regexp) cực kỳ hữu ích trong việc trích xuất thông tin từ bất kỳ văn bản nào bằng cách tìm kiếm một hoặc nhiều kết quả khớp của một mẫu tìm kiếm cụ thể (nghĩa là một chuỗi ký tự ASCII hoặc unicode cụ thể).

Ứng dụng của Regex thì vô vàn: từ authentication đến phân tích cú pháp/thay thế chuỗi, passing dữ liệu sang các định dạng khác nhau hoặc web scraping.v.v.

Một trong những tính năng thú vị nhất là khi bạn đã học cú pháp regex, bạn thực sự có thể sử dụng công cụ này trong (gần như) tất cả các ngôn ngữ lập trình (JavaScript, Java, VB, C#, C/C++, Python, Perl, Ruby, Delphi, R, Tcl, nhiều thứ khác) đều hỗ trợ mạnh mẽ Regex và cách sử dụng về mặt bản chất thì y hệt.

GÉT GÔ hãy cùng nhau tìm hiểu một số ví dụ và giải thích về các syntax quan trọng nhé. Phần giải thích đôi khi khó hiểu mình nhưng có đính kèm ví dụ. Các bạn nên test thử để hiểu rõ hơn nhé.

Basic - Cơ bản

Anchors — ^$

^The khớp với bất kỳ chuỗi nào bắt đầu bằng 'The'
end$ khớp với một chuỗi kết thúc bằng 'end'
^The end$ khớp với chuỗi (bắt đầu và kết thúc bằng 'The' 'end')
roar khớp với bất kỳ chuỗi nào có đoạn text là 'roar' trong đó

Cùng Test thử những syntax trên nào

Quantifiers — * + ?{} - Các công thức dùng để Định Lượng

abc* khớp với một chuỗi có 'ab' theo sau bởi không hoặc nhiều ký tự 'c'
abc+ khớp với một chuỗi có 'ab' theo sau bởi một hoặc nhiều ký tự 'c'
abc? khớp với một chuỗi có 'ab' theo sau bởi không hoặc một ký tự 'c'
abc{2} khớp với một chuỗi có 'ab' theo sau là hai ký tự 'c'
abc{2,} khớp với một chuỗi có 'ab' theo sau là hai ký tự 'c' trở lên
abc{2,5} khớp với một chuỗi có 'ab' theo sau là hai đến năm ký tự 'c'
a(bc)* khớp với một chuỗi theo sau có không hoặc nhiều bản sao của chuỗi 'bc'
a(bc){2,5} khớp với một chuỗi theo sau có từ 2 đến 5 bản sao của chuỗi 'bc'

Cùng Test thử những syntax trên nào

Toán tử HOẶC — | hoặc []
a(b|c) khớp với một chuỗi có 'b' hoặc 'c' theo sau (có capturing group - xem phần giải thích bên dưới)
a[bc] giống như trước, nhưng không chụp b hoặc c

Cùng Test thử những syntax trên nào

Giải thích thuật ngữ quan trọng

Capturing group là một thuật ngữ quan trọng trong Regex. Các bạn cứ tưởng tượng nó như là BIẾN ở trong ngôn ngữ lập trình vậy. Nó sử dụng để lưu và lấy dữ liệu theo các group với điều kiện mà chúng ta đã đặt ra.

Ví dụ: Mình có một chuỗi ANHTUANTUANANH TUANANH ANHTUAN

Mình sử dụng Regex: /(ANH)(TUAN)\2\1/ cái này nó sẽ tương đương tới Regex /(ANH)(TUAN)TUANANH/ => kết quả tìm được sẽ là chuỗi ANHTUANTUANANH trong chuỗi ANHTUANTUANANH TUANANH ANHTUAN

Bạn chú ý ở đây \2\1 ý nghĩa là; Nội dung group trong dấu ngoặc đầu tiên sẽ được quy định là \1 -> nó cũng chính là /(ANH)/.

Tương tự: Nội dung trong group thứ hai sẽ được quy định là \2 -> nó cũng chính là /(TUAN)/.

Và bạn hoàn toàn có thể đặt tên cho các Group này một cách tùy ý. Phần dưới mình sẽ giải thêm về cách đặt tên cho các group. Với mình thì mình thấy Captures group như các BIẾN cho các group. Và mình có thể tái sử dụng lại nó trong chính câu regex đó. Rất tiện đúng không.

Character classes — \d \w \s.

\d khớp với một ký tự đơn là một chữ số
\w khớp với một ký tự là chữ (ký tự là chữ và số cộng với dấu gạch dưới. vd: `_2`)
\s khớp với một ký tự khoảng trắng (bao gồm các tab và ngắt dòng)
. khớp với bất kỳ ký tự nào

Cùng Test thử syntax \d Cùng Test thử syntax \s

Sử dụng toán tử . trong một số trường hợp rất hữu dụng. Tuy nhiên hãy cần thận khi sử dụng nó nhe.

\d, \w\s cũng có phủ định của nó tương ứng là \D, \W\S.

Ví dụ: \D sẽ thực hiện khớp với kết quả thu được ngược với \d.

\D khớp với một ký tự không có chữ số

Cùng Test thử những syntax trên nào

Để hiểu theo nghĩa đen, bạn phải escape các ký tự ^.[$()|*+? bằng dấu gạch chéo ngược \ trước chúng vì chúng có ý nghĩa đặc biệt.

\$\d khớp với một chuỗi có $ trước một chữ số。VD: $1995

Cùng Test thử những syntax trên nào

Lưu ý rằng bạn cũng có thể khớp các ký tự không in được như tab \t, dòng mới \n, xuống dòng \r.

Flags

Chúng ta đang học cách xây dựng một Regex nhưng lại quên một khái niệm cơ bản: Flags .

Regex thường xuất hiện theo dạng này /abc/ mà trong đó mẫu tìm kiếm được phân tách bằng hai ký tự gạch chéo /. Cuối cùng, chúng ta có thể chỉ định một Flags với các value (chúng ta cũng có thể kết hợp chúng với nhau): VD: /abc/g, /abc/i, /abc/gmi

  • g (global) tìm tất cả kết quả cho đến khi nào hết chuỗi thì mới dừng tìm.
  • m (multi-line) khi sử dụng flag này ^$ sẽ khớp với đầu và cuối của một dòng, thay vì toàn bộ chuỗi.
  • i (insensitive) không phân biệt chữ hoa chữ thường (ví dụ: **/aBc/i** sẽ khớp với **AbC**)

Intermediate - Trung cấp

Grouping và capturing — ()

a(bc) dấu ngoặc đơn tạo capturing group có giá trị bc
a(?:bc)* sử dụng ?: để vô hiệu hóa capturing group
a(?<foo>bc) sử dụng ?<foo> đặt tên cho group là foot

Cùng Test thử vd: a(bc) Cùng Test thử vd: a(?:bc)* Cùng Test thử vd: a(?<foo>bc)

Toán tử này rất hữu ích khi bạn cần trích xuất thông tin từ chuỗi hoặc dữ liệu bằng ngôn ngữ lập trình ưa thích của bạn. Bất kỳ lần xuất hiện nào được Grouping và capturing sẽ được hiển thị dưới dạng một classical array: chúng ta sẽ truy cập các value của chúng được chỉ định bằng cách sử dụng chỉ mục trên kết quả khớp.

Nếu chúng ta chọn đặt tên cho các nhóm (vd: (?<foo>...)), chúng ta sẽ có thể truy xuất các value của nhóm bằng cách sử dụng kết quả khớp giống như một từ điển trong đó các khóa sẽ là tên của từng nhóm.

Biểu thức ngoặc — []

[abc] khớp với một chuỗi có a hoặc b hoặc c -> giống như /a|b|c/
[a-c] các ký tự hoặc a tới c -> giống ở trên /a|b|c/
[a-fA-F0-9] một chuỗi đại diện cho một chữ số thập lục phân, không phân biệt chữ hoa chữ thường
[0-9]% một chuỗi có ký tự từ 0 đến 9 trước dấu %
[^a-zA-Z] một chuỗi không có chữ cái từ a đến z hoặc từ A đến Z. Trong trường hợp này, ^ được dùng làm phủ định của biểu thức đứng sau nó.

Cùng Test thử vd: [abc] Cùng Test thử vd: [a-fA-F0-9] Cùng Test thử vd: [^a-zA-Z]

Greedy and Lazy match

Các bộ định lượng (* + {}) là các toán tử Greedy (tham lam), vì vậy chúng mở rộng kết quả nhiều nhất có thể thông qua chuỗi được cung cấp. Greedy algorithm: thuật toán tham lam mà ae đã học trong môn Toán Rời Rạc ấy.

<.+?> khớp với bất kỳ ký tự nào một hoặc nhiều lần được bao bên trong < và > và được mở rộng khi cần.

Cùng Test thử vd: <.+?>

Một giải pháp tốt hơn để tránh việc sử dụng . và giúp regex chặt chẽ hơn:

<[^<>]+> khớp với bất kỳ ký tự nào ngoại trừ < hoặc > một hoặc nhiều lần được bao bên trong < và >

Cùng Test thử vd: <[^<>]+>

Advanced - Nâng cao

Ranh giới - \b\B

\babc\b thực hiện tìm kiếm một từ độc lập.

Cùng Test thử vd: \babc\b

\b nó tương tự như $^ và phù hợp với các vị trí trong đó một bên là ký tự chữ (vd: \w) và bên còn lại không phải là ký tự chữ (ví dụ: đó có thể là phần đầu của chuỗi hoặc ký tự khoảng trắng).

Nó cũng có phủ định của nó là \B. Điều này khớp với tất cả các vị trí không khớp với \b và có thể khớp nếu chúng ta muốn tìm một mẫu tìm kiếm được bao quanh hoàn toàn bởi các ký tự chữ.

\Babc\B matches only if the pattern is fully surrounded by word characters -> Try it! \B abc **\B **chỉ khớp nếu mẫu được bao quanh hoàn toàn bởi các ký tự từ -> Hãy thử!

\Babc\B chỉ khớp nếu mẫu được bao quanh hoàn toàn bởi các ký tự chữ

Cùng Test thử vd: \Babc\B

Tham chiếu ngược - \1

([abc])\1 \1 nó khớp với cùng một văn bản được khớp bởi capturing group đầu tiên
([abc])([de])\2\1 Có thể sử dụng \2 (\3, \4, v.v.) để xác định cùng một văn bản được khớp với capturing group thứ hai (thứ ba, thứ tư, v.v.)
(?<foo>[abc])\k<foo> Đặt tên foo cho nhóm và tham chiếu nó (\k<foo>). Kết quả giống với regex đầu tiên

Cùng Test thử vd: ([abc])\1 Cùng Test thử vd: ([abc])([de])\2\1 Cùng Test thử vd: ?<foo>[abc])\k<foo>

Trước và sau — (?=)(?<=)

d(?=r) khớp với d nếu theo sau là r, nhưng r sẽ không phải là một phần của regex tổng thể
(?<=r)d khớp với d chỉ khi d đứng trước r, nhưng r sẽ không phải là một phần của regex tổng thể

Cùng Test thử vd: d(?=r) Cùng Test thử vd: (?<=r)d

Bạn cũng có thể sử dụng toán tử phủ định!

d(?!r) khớp với d nếu không có r theo sau, nhưng r sẽ không phải là một phần của regex tổng thể
(?<!r)d khớp với d chỉ khi không có r đứng trước, nhưng r sẽ không phải là một phần của regex tổng thể

Cùng Test thử vd: d(?!r) Cùng Test thử vd: (?<!r)d

Tóm tắt

Như bạn đã thấy, các trường ứng dụng regex có thể có nhiều và chắc chắn rằng bạn đã nhận ra ít nhất một trong những ứng dụng thường thấy của nó trong sự nghiệp làm Dev của mình. Dưới đây là danh sách các trường hợp thường dùng:

  • Validation dữ liệu (ví dụ: kiểm tra xem thời gian, email... có đúng định dạng không.)
  • Thu thập dữ liệu data scraping (đặc biệt là thu thập dữ liệu trên web, tìm tất cả các trang có chứa một nhóm từ nhất định theo một thứ tự cụ thể).
  • Sắp xếp dữ liệu data wrangling (chuyển đổi dữ liệu từ “thô” sang định dạng khác)
  • Phân tích cú pháp chuỗi string parsing (ví dụ: catch tất cả các tham số URL GET, catch văn bản bên trong một bộ dấu ngoặc đơn)
  • Thay thế chuỗi string replacement (các IDE cũng hỗ trợ chúng ta tìm kiếm và thay thế chuỗi bằng cách sử dụng Regex. Ví dụ: /Employee.*Service/)
  • Đánh dấu cú pháp, đổi tên tệp, packet sniffing và nhiều ứng dụng khác liên quan đến chuỗi (trong đó dữ liệu không cần ở dạng text)

Roundup

Như mọi khi, mình hy vọng bạn thích bài viết này và học thêm được điều gì đó mới.

Cảm ơn và hẹn gặp lại các bạn trong những bài viết tiếp theo! 😍

Nếu bạn thấy Blog này hay xin hãy cho mình một like và đăng ký để ủng hộ mình nhé. Thank you.😉

Ref

  • https://tuan200tokyo.blogspot.com/2022/12/blog62-giai-thich-cac-regex-syntax-quan.html

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 528

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 436

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 158

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 149

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 113

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 249