Bài viết được sự cho phép của tác giả Lưu Bình An
Nội dung chính ShowShow
- Giới thiệu
- Khai báo regex
- Kiểm tra regex
- Một số điều kiện có sẵn
- Các điều kiện chúng ta hay sử dụng
- Nhóm điều kiện
- Lấy giá trị của 1 Group
- Thay thế chuỗi
- Lấy số từ String
- Kiểm tra email
- Lấy đoạn test nằm giữa dấu ""
- Lấy nội dung ở giữa html tag
Giới thiệu
Khai báo regexregex – đọc là ghi-ríc-cờ-sờ] là một string với format đặc biệt, với nó chúng ta có thể
- Kiểm tra regex
- Một số điều kiện có sẵn
- Các điều kiện chúng ta hay sử dụng
Nhóm điều kiện
Lấy giá trị của 1 Group
Thay thế chuỗi
"google.com" → true
"www.vietnam.football" → true
"google.foobar" → false
Lấy số từ String
/[\.com|\.football]$/i
Khai báo regex
Kiểm tra regex cái regex ở trên
- Một số điều kiện có sẵn
- Các điều kiện chúng ta hay sử dụngor
- Nhóm điều kiện
- Lấy giá trị của 1 Group
- Thay thế chuỗisetting,
2 là điều kiện chỉ hợp lệ nếu xuất hiện đúng một lần duy nhất. Có nhiều dạng setting khác nữa, phía dưới sẽ đề cập./^football/.test['football'] //✅ /^football/.test['bla football'] //❌
Lấy số từ String
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
Kiểm tra regex
Một số điều kiện có sẵn
Các điều kiện chúng ta hay sử dụng
regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
Một số điều kiện có sẵn
Các điều kiện chúng ta hay sử dụng
- Nhóm điều kiện
- Lấy giá trị của 1 Group
- Thay thế chuỗi
- Lấy số từ String
- Kiểm tra email
- Lấy đoạn test nằm giữa dấu ""
- Lấy nội dung ở giữa html tag
- Regular Expression [hay gọi tắt là regex – đọc là ghi-ríc-cờ-sờ] là một string với format đặc biệt, với nó chúng ta có thể
- Tìm text trong string
Các điều kiện chúng ta hay sử dụng
Nhóm điều kiện
Lấy giá trị của 1 Groupđầu câu
/^football/.test['football'] //✅
/^football/.test['bla football'] //❌
Thay thế chuỗi
Lấy số từ Stringcuối
/football$/.test['football'] //✅
/football$/.test['bla football'] //✅
/football$/.test['football you'] //❌
Kiểm tra email
/^football$/.test['football'] //✅
Lấy đoạn test nằm giữa dấu ""
Lấy nội dung ở giữa html tag
/^hey.*joe$/.test['hey joe'] //✅
/^hey.*joe$/.test['heyjoe'] //✅
/^hey.*joe$/.test['hey how are you joe'] //✅
/^hey.*joe$/.test['hey joe!'] //❌
Regular Expression [hay gọi tắt là regex – đọc là ghi-ríc-cờ-sờ] là một string với format đặc biệt, với nó chúng ta có thể
/[a-z]/ // có các ký tự a,b,c....x,y,z
/[A-Z]/ // có các ký tự A,B,C,...X,Y,Z
/[a-c]/ // có các ký tự a,b,c
/[0-9]/ // 0,1,2...8,9
/[a-z]/.test['a'] //✅
/[a-z]/.test['1'] //❌
/[a-z]/.test['A'] //❌
/[a-c]/.test['d'] //❌
/[a-c]/.test['dc'] //✅
Tìm text trong string
/[\.com|\.football]$/i
0/[\.com|\.football]$/i
1Thay thế substring trong string
/[\.com|\.football]$/i
2Trích xuất thông tin từ một string
/[\.com|\.football]$/i
3Tất cả các ngôn ngữ đều có hỗ trợ regex. Có thể mỗi ngôn ngữ có đôi chổ khác nhau, tuy nhiên nhìn chung thì nó được áp dụng giống nhau cho hầu hết.hoặc:
9regex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
/[\.com|\.football]$/i
4Regex có thể nói là rất khó học, khó viết, khó nhớ, khó sửa. Tuy nhiên có những việc chỉ có thể thực hiện được với regex.
/[\.com|\.football]$/i
5Ví dụ, kiểm tra một
4 có kết thúc bằngregex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
5,regex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
6 hay khôngregex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
regex cho yêu cầu đó
/[\.com|\.football]$/i
6Phân tách cái regex ở trên
/[\.com|\.football]$/i
77 đặt trước các ký tự đặc biệt, dấuregex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
8 là một ký tự đặc biệtregex1.test['football']; // => true regex1.test['blablabla football blablabla']; // => true regex2.test['footba']; // => false regex2.test['blab foot ballabla']; // => false
/[\.com|\.football]$/i
8regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
9 là câu điều kiện or/[\.com|\.football]$/i
90 là điều kiện phải xuất hiện ở cuối string/^football/.test['football'] //✅ /^football/.test['bla football'] //❌
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
0Nhóm điều kiện
Lấy giá trị của 1 Group
Thay thế chuỗi
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
1Lấy số từ String
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
2Lấy giá trị của 1 Group
Thay thế chuỗi
0/[a-z]/.test['a'] //✅ /[a-z]/.test['1'] //❌ /[a-z]/.test['A'] //❌ /[a-c]/.test['d'] //❌ /[a-c]/.test['dc'] //✅
1/[a-z]/.test['a'] //✅ /[a-z]/.test['1'] //❌ /[a-z]/.test['A'] //❌ /[a-c]/.test['d'] //❌ /[a-c]/.test['dc'] //✅
Lấy số từ String
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
3Kiểm tra email
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
4Lấy đoạn test nằm giữa dấu ""
- Lấy nội dung ở giữa html tag
- Regular Expression [hay gọi tắt là regex – đọc là ghi-ríc-cờ-sờ] là một string với format đặc biệt, với nó chúng ta có thể
- Tìm text trong string
- Thay thế substring trong string
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
5Thay thế chuỗi
Lấy số từ String
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
6Có thể truyền vào tham số đầu là một Regex
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
7Thêm
/[a-z]/.test['a'] //✅
/[a-z]/.test['1'] //❌
/[a-z]/.test['A'] //❌
/[a-c]/.test['d'] //❌
/[a-c]/.test['dc'] //✅
2 để thay thế nhiều lần// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
8Sử dụng Group để di chuyển các phần text trong string
// tạo 1 object mới
const regex1 = new RegExp['football'];
// dùng regular expression literal
const regex2 = /football/
9Lấy số từ String
regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
0Kiểm tra email
regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
1Lấy đoạn test nằm giữa dấu ""
regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
2Lấy nội dung ở giữa html tag
regex1.test['football'];
// => true
regex1.test['blablabla football blablabla'];
// => true
regex2.test['footba'];
// => false
regex2.test['blab foot ballabla'];
// => false
3Bài viết gốc được đăng tải tại vuilaptrinh.com
Có thể bạn quan tâm:
- 20 công cụ và tài liệu hay ho dành cho Front-end
- Hướng dẫn code game Flappy Bird bằng JavaScript
- Hướng dẫn code chức năng đổi màu nền ngẫu nhiên với JavaScript
Xem thêm các vị trí tuyển Javascript hấp dẫn tại TopDev