Trong hướng dẫn này, bạn sẽ tìm hiểu về phương thức JavaScript match () để đối sánh một chuỗi với một biểu thức chính quy.

Bạn đang xem : đối sánh chuỗi javascript regex

Tóm tắt : trong hướng dẫn này, bạn sẽ tìm hiểu về phương thức Chuỗi JavaScript match () để đối sánh một chuỗi với một biểu thức chính quy.

Để hiểu cách phương thức match () hoạt động và cách sử dụng nó hiệu quả, bạn phải có kiến ​​thức cơ bản về biểu thức chính quy .

Giới thiệu về phương thức JavaScript match ()

Phương thức String match () đối sánh với chuỗi với < span> biểu thức chính quy :

 

str.match (regexp);

Ngôn ngữ mã:

JavaScript

(

javascript

)

Nếu regexp không phải là một biểu thức chính quy, match () sẽ chuyển đổi nó thành một biểu thức chính quy bằng cách sử dụng hàm tạo RegExp () . match () trả về một mảng tùy thuộc vào việc biểu thức chính quy có sử dụng cờ toàn cục ( g ) hay không:

< ul>

  • Nếu regexp sử dụng cờ g , thì phương thức match () trả về một mảng chứa tất cả các kết quả phù hợp. Kết quả không chứa các nhóm thu thập.
  • Nếu regexp không sử dụng cờ g , thì match () sẽ trả về kết quả phù hợp đầu tiên và các nhóm thu thập liên quan của nó. Kết quả của trận đấu là kết quả giống với RegExp.exec () với các thuộc tính bổ sung. Xem ví dụ bên dưới để biết chi tiết.
  • match () trả về null nếu nó không tìm thấy bất kỳ kết quả phù hợp nào.

    Phương thức JavaScript Regex match ()

    Hãy lấy một số ví dụ về việc sử dụng phương thức match () .

    1) Sử dụng phương thức JavaScript regex match () với biểu thức có cờ toàn cục

    Ví dụ sau cho biết cách sử dụng phương thức match () với cờ toàn cầu ( g ). Nó trả về một mảng đối sánh:

     

    let str =

    "Giá: $ 5– $ 10"

    ;

    let

    result = str.match (

    / \ $ \ d + / g

    );

    bảng điều khiển

    .log (kết quả);

    Ngôn ngữ mã:

    JavaScript

    (

    javascript

    )

    Đầu ra:

     

    [

    "$ 5"

    ,

    " $ 10 "

    ]

    Ngôn ngữ mã:

    JavaScript

    (

    javascript

    )

    Trong ví dụ này, match () tìm kiếm bất kỳ số nào theo sau ký hiệu $ .

    2) Sử dụng phương thức JavaScript regex match () với biểu thức có cờ toàn cục

    Ví dụ sau minh họa cách sử dụng phương thức match () với một biểu thức chính quy không có cờ toàn cục. Nó trả về một mảng đối sánh đầu tiên với các thuộc tính bổ sung.

     

    let

    str =

    " Giá: $ 5– $ 10 "

    ;

    let

    result = str.match (

    / \ $ \ d + /

    );

    bảng điều khiển

    .log (kết quả);

    Ngôn ngữ mã:

    JavaScript

    (

    javascript

    )

    Đầu ra:

    Các thuộc tính bổ sung là:

    • index : là chỉ mục mà tại đó trận đấu đã được tìm thấy.
    • input : bản sao của chuỗi tìm kiếm.
    • groups : là đối tượng của các nhóm thu thập được đặt tên có khóa và giá trị lần lượt là tên và nhóm bắt. Trong ví dụ này, nó là không xác định bởi vì chúng tôi đã xác định bất kỳ nhóm thu thập được đặt tên nào.

    3) Sử dụng phương thức JavaScript Regex match () với nhóm thu thập được đặt tên

    Phần sau trình bày cách sử dụng match () với một nhóm thu thập dữ liệu được đặt tên. Nó bắt "yellow" thành một nhóm có tên là "color" :

     

    let

    str =

    'Tôi thích bảng màu vàng!'

    ;

    let

    re =

    / (? & lt; color & gt; yellow) color /

    ;

    let

    result = str.match (re);

    bảng điều khiển

    .log (kết quả);

    Ngôn ngữ mã:

    JavaScript

    (

    javascript

    )

    Đầu ra:

    Trong hướng dẫn này, bạn đã học cách sử dụng phương thức Chuỗi JavaScript match () để so khớp một chuỗi với một biểu thức chính quy.

    Đây là hướng dẫn hữu ích?

    < / p>


    Xem thêm những thông tin liên quan đến chủ đề đối sánh chuỗi javascript regex

    Search a String by matching against a regex in JavaScript

    alt

    • Tác giả: bonsaiilabs
    • Ngày đăng: 2019-11-05
    • Đánh giá: 4 ⭐ ( 6614 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Browser JavaScript and Event Loop Course is available at http://bit.ly/39eDgEA

      Learn to match a String pattern inside another String using Regular Expression in JavaScript.
      This video teaches a use case on where this scenario might be useful and how regular expressions can help solve the problem
      We will use the String.match API in combination with regular expression in this video.
      We will also look at the API documentation available on Mozilla Developer Network (MDN)

      The code sample is available at https://bonsaiilabs.com/javascript-regex-match-strings/

      **********Watch all JavaScript Tutorials**********

      http://bit.ly/javascript-youtube

      ***************************************************

      Harit on Twitter: https://twitter.com/harittweets

      Subscribe for more videos on JavaScript with Visualization: https://www.youtube.com/channel/UC0yZBnRsD9JRqLXBkfGym0Q?sub_confirmation=1
      Follow bonsaiilabs on Twitter: https://twitter.com/bonsaiilabs
      Follow bonsaiilabs on Facebook: https://www.facebook.com/thebonsaiilabs
      Visit bonsaiilabs at https://bonsaiilabs.com

    Hướng dẫn nhanh về phương pháp đối sánh chuỗi trong JavaScript

    • Tác giả: s18.galaxyz.net
    • Đánh giá: 4 ⭐ ( 3697 lượt đánh giá )
    • Khớp với kết quả tìm kiếm:

    JavaScript: Đối tượng RegExp và tự xây dựng biểu thức so khớp theo ý muốn

    • Tác giả: www.daipho.com
    • Đánh giá: 5 ⭐ ( 4082 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Biểu thức chính quy là một đối tượng mô tả một chuỗi khuôn mẫu - một chuỗi các ký tự tạo thành một mẫu tìm kiếm. Biểu thức chính quy được sử dụng để thực

    Phương thức đối sánh chuỗi JavaScript ()

    • Tác giả: pluginthanhtoan.com
    • Đánh giá: 5 ⭐ ( 4021 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: botvietbai.com cung cấp các hướng dẫn, tài liệu tham khảo và bài tập trực tuyến miễn phí bằng tất cả các ngôn ngữ chính của web. Bao gồm các chủ đề phổ biến như HTML, CSS, JavaScript, Python, SQL, Java, và nhiều hơn nữa.

    Toàn tập về biểu thức chính quy RegEx trong Javascript

    • Tác giả: freetuts.net
    • Đánh giá: 5 ⭐ ( 2703 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Bài này chúng ta sẽ tìm hiểu đến chuỗi và cách sử dụng biểu thức chính quy (Regular Expression) để xử lý chuỗi nâng cao, đây là phương pháp xử lý chuôi phức.

    Biểu thức chính quy Regex trong javascript

    • Tác giả: viblo.asia
    • Đánh giá: 3 ⭐ ( 4080 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: I. Giới thiệu

    JS RegExp

    • Tác giả: book-code.com.vn
    • Đánh giá: 5 ⭐ ( 5426 lượt đánh giá )
    • Khớp với kết quả tìm kiếm: Học HTML, Học CSS, Học Javascript, Học PHP, Học BOOTSTRAP, Học JQUERY. Tự học lập trình web, lập trình web cho người mới bắt đầu, học lập trình web online, học lập trình web online miễn phí, học code online, học lập trình cho người mới, học lập trình bắt đầu từ đâu. Học lập trình web online miễn phí 24/24, thành thạo các ngôn ngữ lập trình cơ bản trong thời gian ngắn, bookcode, codebook, book-code, code-book, code, book

    Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

    Xem Thêm  Spring MVC JSP Form Tags Tutorial - login spring mvc

    By ads_php