Bài đăng này giải thích hoạt động của siêu ký tự “\d” trong RegExp của JavaScript.
Metacharacter “d” làm gì trong RegExp của JavaScript?
Các ' \d ” siêu ký tự hoạt động trên các giá trị số đơn lẻ. Trong trường hợp có nhiều chữ số, nó sẽ tự động khớp từng chữ số và hiển thị toàn bộ giá trị được phân tách bằng dấu phẩy “,” một cách tự động.
Cú pháp (Cơ bản)
/ \d /
Trong cú pháp trên:
- /(Dấu gạch chéo) : Chỉ định ranh giới của biểu thức chính quy và tương đương với /[\d]/.
- \(Dấu gạch chéo ngược) : Thoát khỏi dấu gạch chéo ngược và coi ký tự được đề cập tiếp theo là một siêu ký tự.
- đ : So khớp các chữ số từ “ 0-9 ”.
Cú pháp (Với Công cụ sửa đổi)
/ \d / [ g , Tôi , tôi ] HOẶC mới RegExp ( ' \\ đ' , '[g,i,m' )
Trong cú pháp đã cho ở trên:
- g(toàn cầu) : Tìm kiếm trên toàn cầu và tìm thấy tất cả các kết quả phù hợp. Nó không dừng lại sau trận đấu đầu tiên.
- tôi (phân biệt chữ hoa chữ thường) : Bỏ qua phân biệt chữ hoa chữ thường.
- m (nhiều) : Chỉ định tìm kiếm nhiều dòng và chỉ bị hạn chế ở “^(đầu chuỗi)” và “$(cuối chuỗi)”.
Cú pháp (Với RegExp() Constructor)
Siêu ký tự “\d” cũng có thể được sử dụng làm đối tượng RegExp với hàm tạo “RegExp()”:
mới RegExp ( ' \\ đ' )
Trong cú pháp này:
- mới : Đại diện cho toán tử hoặc từ khóa tạo đối tượng từ hàm tạo.
- RegExp() : Biểu thị hàm tạo hỗ trợ “ \\d ” siêu ký tự ở dạng tham số/đối số đầu tiên.
Ví dụ 1: Áp dụng siêu ký tự “d” để tìm các chữ số từ một chuỗi dựa trên cú pháp sửa đổi (/\d/g)
Trong ví dụ này, “ /\d ” siêu ký tự có thể được sử dụng với “ g(toàn cầu) ” sửa đổi để khớp với các chữ số từ chuỗi.
Mã HTML
Hãy xem tổng quan về mã HTML sau:
< P > Sợi dây : Linuxhint12345 P >
< nút ondblclick = 'tìm thấy()' > Nhấn đúp chuột cái nút >
< id = 'tìm kiếm' > P >
Trong mã HTML trên:
- Các ' ” thẻ được chỉ định để xác định phân nhóm đầu tiên.
- Các ' ” thẻ tạo một đoạn văn để hiển thị chuỗi.
- Các '
” thẻ tạo một nút có “ ondblclick ” chuyển hướng sự kiện đến chức năng “ tìm thấy() ” sẽ được kích hoạt khi nhấp đúp vào nút. - Sau đó, “ ” biểu thị đoạn trống thứ hai được gán một id “ tìm kiếm ” để hiển thị các chữ số được tìm kiếm.
Mã JavaScript
Bây giờ, hãy chuyển sang mã JavaScript:
chức năng tìm thấy ( ) {
đã từng là str = 'Linuxhint12345' ;
đã từng là mẫu = /\d/g ;
đã từng là kết quả = str. cuộc thi đấu ( mẫu ) ;
tài liệu. getElementById ( 'tìm kiếm' ) . bên trongHTML = kết quả ;
}
kịch bản >
Trong mã JavaScript ở trên:
- Định nghĩa một chức năng có tên là “ tìm thấy() ”.
- Theo định nghĩa của nó, khởi tạo biến chuỗi đã nêu bao gồm các chữ số trong đó.
- Trong bước tiếp theo, biến “ mẫu ” xác định cú pháp của siêu ký tự “ \d ” với một bổ sung “ g ” cờ/công cụ sửa đổi tìm kiếm toàn cầu để tìm các chữ số trên toàn cầu từ chuỗi đã khởi tạo.
- Bây giờ, hãy áp dụng “ cuộc thi đấu() ” để khớp các chữ số từ chuỗi với sự trợ giúp của siêu ký tự đã thảo luận.
- Cuối cùng, “ tài liệu.getElementById() ” phương thức truy cập đoạn thông qua id của nó “ tìm kiếm ” để nối và hiển thị các chữ số được tìm kiếm.
đầu ra
Đầu ra hiển thị tìm kiếm “ chữ số ” từ chuỗi được cung cấp khi nhấp đúp vào nút tương ứng.
Ví dụ 2: Áp dụng siêu ký tự “d” để tìm các chữ số từ một chuỗi dựa trên cú pháp “RegExp() Constructor”
Các ' RegExp mới(“\\W”, “g”) ” cú pháp cũng có thể được sử dụng để tìm các chữ số. Nó trả về cùng một đầu ra như từ cú pháp “/\d\g”. Hãy xem cách nó có thể được sử dụng trong mã JavaScript.
Ghi chú : Mã HTML giống như trong Ví dụ 1.
Mã JavaScript
Hãy xem tổng quan mã JavaScript sau:
chức năng tìm thấy ( ) {
đã từng là str = 'Linuxhint12345' ;
đã từng là mẫu = mới RegExp ( ' \\ đ' , 'g' ) ;
đã từng là kết quả = str. cuộc thi đấu ( mẫu ) ;
tài liệu. getElementById ( 'tìm kiếm' ) . bên trongHTML = kết quả ;
}
kịch bản >
Trong các dòng mã trên, “ mẫu ” biến chỉ định cú pháp “new RegExp(“\\d”, “g”)” để xác định vị trí và trả về các chữ số từ chuỗi được khởi tạo trên toàn cầu khi nhấp đúp vào nút.
đầu ra
Như đã phân tích, kết quả cũng giống hệt nhau trong trường hợp này.
Phần kết luận
Trong JavaScript, tích hợp sẵn “ \d ” siêu ký tự có lợi cho việc tìm kiếm các chữ số giữa “ 0-9 ”. Theo mặc định, nó dừng ở khớp chữ số đầu tiên mà không hoàn thành tìm kiếm từ toàn bộ chuỗi. Với mục đích này, “ g(toàn cầu) ” công cụ sửa đổi có thể được sử dụng cùng với nó để hoàn thành việc tìm kiếm một cách thích hợp. Blog này cung cấp một minh họa chi tiết về siêu ký tự “d” trong RegExp của JavaScript.