Hướng dẫn JS

JS TRANG CHỦ Giới thiệu JS JS Đến đâu Đầu ra JS Tuyên bố JS Cú pháp JS Bình luận JS Biến JS JS Hãy JS Const Toán tử JS Số học JS Chuyển nhượng JS Các loại dữ liệu JS Các hàm JS Đối tượng JS Sự kiện JS Chuỗi JS Phương thức chuỗi JS Tìm kiếm chuỗi JS Mẫu chuỗi JS Số JS Phương thức số JS Mảng JS Phương thức mảng JS Sắp xếp mảng JS Lặp lại mảng JS JS Array Const JS ngày Định dạng ngày JS Ngày lấy phương thức JS Phương pháp đặt ngày JS Toán JS JS ngẫu nhiên JS Booleans So sánh JS Điều kiện JS Chuyển đổi JS JS Loop cho JS Loop For In JS Loop For Of JS lặp trong khi JS Break JS lặp lại Bộ JS Bản đồ JS JS Typeof Chuyển đổi loại JS JS Bitwise JS RegExp Lỗi JS Phạm vi JS JS Hoists Chế độ nghiêm ngặt JS JS từ khóa này Hàm mũi tên JS Lớp JS JS JSON Gỡ lỗi JS Hướng dẫn kiểu JS Các phương pháp hay nhất về JS JS sai lầm Hiệu suất JS JS dành riêng từ

Phiên bản JS

Phiên bản JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Lịch sử JS

Đối tượng JS

Định nghĩa đối tượng Thuộc tính đối tượng Phương thức đối tượng Hiển thị đối tượng Người truy cập đối tượng Trình tạo đối tượng Nguyên mẫu đối tượng Đối tượng lặp lại Bộ đối tượng Bản đồ đối tượng Tham chiếu đối tượng

Các hàm JS

Định nghĩa hàm Tham số chức năng Lời mời hàm Gọi hàm Áp dụng chức năng Chức năng đóng cửa

Lớp JS

Giới thiệu Lớp học Kế thừa giai cấp Lớp tĩnh

JS Async

Gọi lại JS JS không đồng bộ JS hứa JS Async / Await

JS HTML DOM

Giới thiệu DOM Phương thức DOM Tài liệu DOM Phần tử DOM DOM HTML Các biểu mẫu DOM DOM CSS Hoạt ảnh DOM Sự kiện DOM Trình xử lý sự kiện DOM Điều hướng DOM Nút DOM Bộ sưu tập DOM Danh sách nút DOM

BOM trình duyệt JS

Cửa sổ JS Màn hình JS Vị trí JS Lịch sử JS JS Navigator JS Popup Alert Thời gian JS JS Cookies

API web JS

Giới thiệu API Web API biểu mẫu web API lịch sử web API lưu trữ web API công nhân web API tìm nạp web API vị trí địa lý web

JS AJAX

Giới thiệu về AJAX AJAX XMLHttp Yêu cầu AJAX Phản hồi AJAX Tệp XML AJAX AJAX PHP AJAX ASP Cơ sở dữ liệu AJAX Ứng dụng AJAX Ví dụ về AJAX

JS JSON

Giới thiệu JSON Cú pháp JSON JSON so với XML Các loại dữ liệu JSON Phân tích cú pháp JSON JSON Stringify Đối tượng JSON Mảng JSON Máy chủ JSON JSON PHP HTML JSON JSON JSONP

JS so với jQuery

Bộ chọn jQuery jQuery HTML jQuery CSS jQuery DOM

Đồ họa JS

Đồ họa JS JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

Ví dụ về JS

Ví dụ về JS JS HTML DOM Đầu vào HTML JS Đối tượng HTML JS Sự kiện HTML JS Trình duyệt JS Trình chỉnh sửa JS Bài tập JS JS Quiz Chứng chỉ JS

Tham khảo JS

Đối tượng JavaScript Đối tượng DOM HTML


Biểu thức chính quy JavaScript


Biểu thức chính quy là một chuỗi các ký tự tạo thành một mẫu tìm kiếm.

Mẫu tìm kiếm có thể được sử dụng cho các hoạt động tìm kiếm văn bản và thay thế văn bản.


Biểu thức chính quy là gì?

Biểu thức chính quy là một chuỗi các ký tự tạo thành một mẫu tìm kiếm .

Khi bạn tìm kiếm dữ liệu trong một văn bản, bạn có thể sử dụng mẫu tìm kiếm này để mô tả những gì bạn đang tìm kiếm.

Biểu thức chính quy có thể là một ký tự đơn hoặc một mẫu phức tạp hơn.

Biểu thức chính quy có thể được sử dụng để thực hiện tất cả các loại hoạt động tìm kiếm văn bản và thay thế văn bản .

Cú pháp

/pattern/modifiers;

Thí dụ

/w3schools/i;

Ví dụ được giải thích:

/ w3schools / i   là một biểu thức chính quy.

w3schools   là một mẫu (được sử dụng trong tìm kiếm).

i   là một bổ ngữ (sửa đổi tìm kiếm không phân biệt chữ hoa chữ thường).


Sử dụng phương thức chuỗi

Trong JavaScript, các biểu thức chính quy thường được sử dụng với hai phương thức chuỗi : search()replace().

Phương search()thức này sử dụng một biểu thức để tìm kiếm kết quả phù hợp và trả về vị trí của kết quả phù hợp.

Phương replace()thức trả về một chuỗi đã sửa đổi trong đó mẫu được thay thế.


Sử dụng tìm kiếm chuỗi () Với một chuỗi

Phương search()thức tìm kiếm một chuỗi cho một giá trị được chỉ định và trả về vị trí của kết quả khớp:

Thí dụ

Sử dụng một chuỗi để thực hiện tìm kiếm "W3schools" trong một chuỗi:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

Kết quả trong n sẽ là:

6


Sử dụng tìm kiếm chuỗi () Với một biểu thức chính quy

Thí dụ

Sử dụng một biểu thức chính quy để thực hiện tìm kiếm không phân biệt chữ hoa chữ thường cho "w3schools" trong một chuỗi:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

Kết quả trong n sẽ là:

6



Sử dụng chuỗi thay thế () bằng chuỗi

Phương replace()thức thay thế một giá trị được chỉ định bằng một giá trị khác trong một chuỗi:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Sử dụng chuỗi thay thế () bằng một biểu thức chính quy

Thí dụ

Sử dụng biểu thức chính quy không phân biệt chữ hoa chữ thường để thay thế Microsoft bằng W3Schools trong một chuỗi:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Kết quả trong res sẽ là:

Visit W3Schools!

Bạn có để ý không?

Đối số biểu thức chính quy (thay vì đối số chuỗi) có thể được sử dụng trong các phương thức trên.
Cụm từ thông dụng có thể làm cho tìm kiếm của bạn mạnh mẽ hơn nhiều (ví dụ: không phân biệt chữ hoa chữ thường).


Công cụ sửa đổi biểu thức chính quy

Công cụ sửa đổi có thể được sử dụng để thực hiện các tìm kiếm toàn cầu không phân biệt chữ hoa chữ thường:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Mẫu biểu thức chính quy

Dấu ngoặc nhọn được sử dụng để tìm một loạt các ký tự:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Metacharacters là những ký tự có ý nghĩa đặc biệt:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Bộ định lượng xác định các đại lượng:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

Sử dụng đối tượng RegExp

Trong JavaScript, đối tượng RegExp là một đối tượng biểu thức chính quy với các thuộc tính và phương thức được xác định trước.


Sử dụng test ()

Phương test()thức này là một phương thức biểu thức RegExp.

Nó tìm kiếm một chuỗi cho một mẫu và trả về true hoặc false, tùy thuộc vào kết quả.

Ví dụ sau tìm kiếm một chuỗi cho ký tự "e":

Thí dụ

const pattern = /e/;
pattern.test("The best things in life are free!");

Vì có một "e" trong chuỗi, đầu ra của đoạn mã trên sẽ là:

true

Trước tiên, bạn không cần phải đặt biểu thức chính quy trong một biến. Hai dòng trên có thể được rút gọn thành một:

/e/.test("The best things in life are free!");

Sử dụng thi hành ()

Phương exec()thức này là một phương thức biểu thức RegExp.

Nó tìm kiếm một chuỗi cho một mẫu cụ thể và trả về văn bản được tìm thấy dưới dạng một đối tượng.

Nếu không tìm thấy kết quả phù hợp nào, nó trả về một đối tượng rỗng (null) .

Ví dụ sau tìm kiếm một chuỗi cho ký tự "e":

Thí dụ

/e/.exec("The best things in life are free!");

Hoàn thành tham chiếu RegExp

Để có tài liệu tham khảo đầy đủ, hãy truy cập Tài liệu tham khảo RegExp JavaScript hoàn chỉnh của chúng tôi .

Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức của RegExp.