Mẹo về Hướng dẫn regex replace trong javascript – regex thay thế trong javascript Mới Nhất
Quý khách đang tìm kiếm từ khóa Hướng dẫn regex replace trong javascript – regex thay thế trong javascript được Update vào lúc : 2022-10-21 16:20:21 . Với phương châm chia sẻ Mẹo Hướng dẫn trong nội dung bài viết một cách Chi Tiết 2022. Nếu sau khi Read Post vẫn ko hiểu thì hoàn toàn có thể lại Comments ở cuối bài để Tác giả lý giải và hướng dẫn lại nha.
I. Giới thiệu
Biểu thức chính quy (regular expressions ) là bộ sưu tập dùng để tìm kiếm những bộ kí tự được kết phù thích hợp với nhau trong những chuỗi kí tự. Trong JavaScript thì biểu thức chính quy cũng đồng thời là những đối tượng người dùng, tức là lúc bạn tạo ra một biểu thức chính quy là bạn có một đối tượng người dùng tương ứng. Các mẫu này được sử dụng quá nhiều trong JavaScript như phương thức exec và test của RegExp, hay phương thức match, replace, search, và split của String. Ở phạm vi nội dung bài viết này, ta cùng tìm làm rõ ràng hơn về biểu thức chính quy trong JavaScript.
Nội dung chính
- I. Giới thiệu
- II. Tạo một biểu thức chính quy
- III. Cách viết một mẫu biểu thức chính quy
- mẫu /ab*c/ hoàn toàn có thể tìm những đoạn có chứa: một kí tự ‘var re = new RegExp(“ab+c”);
5, theo sau là không còn hoặc có một hoặc có nhiều kí tự var re = new RegExp(“ab+c”);
6, ở đầu cuối là một kí tự var re = new RegExp(“ab+c”);
7 như chuỗi var re = new RegExp(“ab+c”);
8 sẽ tiến hành khớp với xâu con var re = new RegExp(“ab+c”);
9.
II. Tạo một biểu thức chính quy
Ta hoàn toàn có thể tạo biểu thức chính quy theo 2 cách sau:
Sử dụng cách mô tả chính quy thuần (regular expression literal):
var re = /ab+c/;
Các đoạn mã chứa những mô tả chính quy thuần sau khi được nạp vào bộ nhớ sẽ dịch những đoạn mô tả đó thành những biểu thức chính quy. Các biểu thức chính quy được dịch ra này sẽ tiến hành coi như những hằng số, tức là không phải tạo lại nhiều lần, điều này tương hỗ cho hiệu năng thực thi tốt hơn.
Tạo một đối tượng người dùng
var re = new RegExp(“ab+c”);
0 :var re = new RegExp(“ab+c”);Với cách này, những biểu thức chính quy sẽ tiến hành dịch ra lúc thực thi chương trình nên hiệu năng không đạt được như với việc sử dụng cách mô tả chính quy thuần. Nhưng ưu điểm là nó hoàn toàn có thể thay đổi được, nên ta thường sử dụng chúng khi ta muốn nó hoàn toàn có thể thay đổi được, hoặc khi ta chưa chắc như đinh về bộ sưu tập chính quy (pattern) ví như khi nhập từ bàn phím.
III. Cách viết một mẫu biểu thức chính quy
Một mẫu biểu thức chính quy là một tập những kí tự thường, như /abc/, hay một tập phối hợp cả kí tự thường và kí tự đặc biệt quan trọng như /ab*c/ hoặc /Chapter (d+).d*/ . Trong ví dụ cuối có chứa cả những dấu ngoặc đơn（ () ）được sử dụng như những thiết bị nhớ, tức là bộ sưu tập trong phần
var re = new RegExp(“ab+c”);
1 này sau khi được tìm kiếm hoàn toàn có thể được nhớ lại để sử dụng cho những lần sau./abc/, hay một tập phối hợp cả kí tự thường và kí tự đặc biệt quan trọng như /ab*c/ hoặc /Chapter (d+).d*/ . Trong ví dụ cuối có chứa cả những dấu ngoặc đơn（ () ）được sử dụng như những thiết bị nhớ, tức là bộ sưu tập trong phần var re = new RegExp(“ab+c”);
1 này sau khi được tìm kiếm hoàn toàn có thể được nhớ lại để sử dụng cho những lần sau.
1. Sử dụng mẫu đơn thuần và giản dị
Các mẫu đơn thuần và giản dị là bộ sưu tập hoàn toàn có thể được xây dựng từ những kí tự hoàn toàn có thể thể tìm kiếm một cách trực tiếp.
Ví dụ:
mẫu
var re = new RegExp(“ab+c”);
2 sẽ tìm những những đoạn var re = new RegExp(“ab+c”);
3 theo như đúng thứ tự đó trong những chuỗi. Mẫu này sẽ khớp được với “Hi, My name is abc.” và “I am from abcdef city.”, vì cả hai chuỗi này đều chứa đoạn ‘abc’. Còn với chuỗi var re = new RegExp(“ab+c”);
4, nó sẽ không còn khớp vì chuỗi này sẽ không còn chứa abc theo như đúng thứ tự, mà chỉ chứa ab c.
2. Sử dụng những kí tự đặc biệt quan trọng
Các mẫu hoàn toàn có thể chứa những kí tự đặc biệt quan trọng cho những mục tiêu tìm kiếm nâng cao mà tìm kiếm trực tiếp sẽ trở ngại vất vả. Thí dụ như tìm một đoạn chứa một hoặc nhiều hơn nữa một kí tự b, hay tìm một hoặc nhiều kí tự dấu cách (while space).
Ví dụ:
mẫu
var re = new RegExp(“ab+c”);
2 sẽ tìm những những đoạn var re = new RegExp(“ab+c”);
3 theo như đúng thứ tự đó trong những chuỗi. Mẫu này sẽ khớp được với “Hi, My name is abc.” và “I am from abcdef city.”, vì cả hai chuỗi này đều chứa đoạn ‘abc’. Còn với chuỗi var re = new RegExp(“ab+c”);
4, nó sẽ không còn khớp vì chuỗi này sẽ không còn chứa abc theo như đúng thứ tự, mà chỉ chứa ab c./ab*c/ hoàn toàn có thể tìm những đoạn có chứa: một kí tự ‘var re = new RegExp(“ab+c”);
5, theo sau là không còn hoặc có một hoặc có nhiều kí tự var re = new RegExp(“ab+c”);
6, ở đầu cuối là một kí tự var re = new RegExp(“ab+c”);
7 như chuỗi var re = new RegExp(“ab+c”);
8 sẽ tiến hành khớp với xâu con var re = new RegExp(“ab+c”);
9.
2. Sử dụng những kí tự đặc biệt quan trọng
Các mẫu hoàn toàn có thể chứa những kí tự đặc biệt quan trọng cho những mục tiêu tìm kiếm nâng cao mà tìm kiếm trực tiếp sẽ trở ngại vất vả. Thí dụ như tìm một đoạn chứa một hoặc nhiều hơn nữa một kí tự b, hay tìm một hoặc nhiều kí tự dấu cách (while space).
mẫu /ab*c/ hoàn toàn có thể tìm những đoạn có chứa: một kí tự ‘
var re = new RegExp(“ab+c”);
5, theo sau là không còn hoặc có một hoặc có nhiều kí tự var re = new RegExp(“ab+c”);
6, ở đầu cuối là một kí tự var re = new RegExp(“ab+c”);
7 như chuỗi var re = new RegExp(“ab+c”);
8 sẽ tiến hành khớp với xâu con var re = new RegExp(“ab+c”);
9.
Ví dụ:
mẫu
var re = new RegExp(“ab+c”);
2 sẽ tìm những những đoạn var re = new RegExp(“ab+c”);
3 theo như đúng thứ tự đó trong những chuỗi. Mẫu này sẽ khớp được với “Hi, My name is abc.” và “I am from abcdef city.”, vì cả hai chuỗi này đều chứa đoạn ‘abc’. Còn với chuỗi var re = new RegExp(“ab+c”);
4, nó sẽ không còn khớp vì chuỗi này sẽ không còn chứa abc theo như đúng thứ tự, mà chỉ chứa ab c.
2. Sử dụng những kí tự đặc biệt quan trọng
Các mẫu hoàn toàn có thể chứa những kí tự đặc biệt quan trọng cho những mục tiêu tìm kiếm nâng cao mà tìm kiếm trực tiếp sẽ trở ngại vất vả. Thí dụ như tìm một đoạn chứa một hoặc nhiều hơn nữa một kí tự b, hay tìm một hoặc nhiều kí tự dấu cách (while space).
mẫu /ab*c/ hoàn toàn có thể tìm những đoạn có chứa: một kí tự ‘var re = new RegExp(“ab+c”);
5, theo sau là không còn hoặc có một hoặc có nhiều kí tự var re = new RegExp(“ab+c”);
6, ở đầu cuối là một kí tự var re = new RegExp(“ab+c”);
7 như chuỗi var re = new RegExp(“ab+c”);
8 sẽ tiến hành khớp với xâu con var re = new RegExp(“ab+c”);
9.
Bảng dưới đây mô tả khá đầy đủ những kí tự đặc biệt quan trọng hoàn toàn có thể dùng với biểu thức chính quy.
3. Sử dụng ngoặc tròn
var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
Ngoặc tròn xung quanh bất kỳ phần nào của biểu thức chính quy sẽ làm phần kết quả so khớp được nhớ. Mỗi lần nhớ, chuỗi con hoàn toàn có thể được gọi lại để sử dụng, mô tả trong
var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
0.var myArray = /d(b+)d/g.exec(“cdbbdbsbz”);
mẫu /Chapter (d+).d*/ khớp đúng với ‘Chapter ‘ theo sau bởi một hoặc nhiều kí tự số, sau nữa là một dấu chấm thập phân, ở đầu cuối hoàn toàn có thể là 0 hoặc nhiều kí tự số. Bên cạnh đó, dấu ngoặc tròn được sử dụng để nhớ một hoặc nhiều kí tự số thứ nhất được khớp.
var myRe = new RegExp(“d(b+)d”, “g”);
var myArray = myRe.exec(“cdbbdbsbz”);
Mẫu này được tìm thấy trong chuỗi “Open Chapter 4.3, paragraph 6”, nhớ ‘4’ nhưng không được tìm thấy trong chuỗi “Chapter 3 and 4”, chính bới chuỗi đó không còn dấu chấm sau kí tự số ‘3’.
Để so khớp một chuỗi con không nhớ, đặt ?: ở vị trí thứ nhất trong ngoặc. Ví dụ, (?:d+) khớp với một hoặc nhiều kí tự số nhưng không nhớ kết quả so khớp.
var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
console.log(“The value of lastIndex is ” + myRe.lastIndex);
Kết quả hiển thị là :
The value of lastIndex is 5
Tuy nhiên nếu bạn chạy:
var myArray = /d(b+)d/g.exec(“cdbbdbsbz”);
console.log(“The value of lastIndex is ” + /d(b+)d/g.lastIndex);
Thì kết quả hiển thị sẽ là:
The value of lastIndex is 0
Sự xuất hiện của /d(b+)d/g trong 2 lệnh trên là những đối tượng người dùng biểu thức chính quy rất khác nhau và vì thế có những giá trị rất khác nhau cho thuộc tính lastIndex. Nếu bạn cần truy vấn những thuộc tính của một biểu thức chính quy, bạn nên gán nó tới một biến.
Sử dụng nhiều dấu ngoặc tròn
Sử dụng nhiều ngoặc tròn trong một biểu thức chính quy cho ta nhiều kết quả so khớp tương ứng được nhớ. Cho ví dụ, /a(b)c/ khớp với ‘abc’ và nhớ ‘b’. Để gọi lại những kết quả so khớp, sử dụng những thành phần của mảng [1]…, [n].
Số lượng những chuỗi con trong những ngoặc tròn là không số lượng giới hạn. Mảng trả về giữ lại toàn bộ mọi thứ được tìm thấy.
Ví dụ:
Đoạn mã JavaScript dưới đây sử dụng phương thức
var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
8 để giao hoán những từ trong chuỗi. Trong chuỗi thay thế, ta dùng var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
9 và var myArray = /d(b+)d/g.exec(“cdbbdbsbz”);
0 để chỉ những chuỗi khớp với mẫu trong ngoặc ở vị trí thứ 1 và 2.var re = /(w+)s(w+)/;
var str = “John Smith”;
var newstr = str.replace(re, “$2, $1”);
console.log(newstr);
Kết quả hiển thị là: “Smith, John”.
Bài viết được dịch và tìm hiểu thêm từ đây
Tải thêm tài liệu liên quan đến nội dung bài viết Hướng dẫn regex replace trong javascript – regex thay thế trong javascript
programming
javascript
/g trong regex
Replace() trong js
JavaScript regex match
Trong regex
Test regex js
Regex JavaScript trực tuyến
Reply
0
0
Chia sẻ
Chia Sẻ Link Down Hướng dẫn regex replace trong javascript – regex thay thế trong javascript miễn phí
Bạn vừa đọc Post Với Một số hướng dẫn một cách rõ ràng hơn về Review Hướng dẫn regex replace trong javascript – regex thay thế trong javascript tiên tiến và phát triển nhất và ShareLink Download Hướng dẫn regex replace trong javascript – regex thay thế trong javascript miễn phí.
Hỏi đáp vướng mắc về Hướng dẫn regex replace trong javascript – regex thay thế trong javascript
Nếu sau khi đọc nội dung bài viết Hướng dẫn regex replace trong javascript – regex thay thế trong javascript vẫn chưa hiểu thì hoàn toàn có thể lại Comments ở cuối bài để Mình lý giải và hướng dẫn lại nha
#Hướng #dẫn #regex #replace #trong #javascript #regex #thay #thế #trong #javascript