Hướng dẫn html tag regex java - thẻ html regex java

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, 

  /^football/.test('football')     //✅
  /^football/.test('bla football') //❌

  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.

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

1

Thay thế substring trong string

/(\.com|\.football)$/i

2

Trích xuất thông tin từ một string

/(\.com|\.football)$/i

3

Tấ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: 

regex1.test('football');
// => true
regex1.test('blablabla football blablabla');
// => true
regex2.test('footba');
// => false
regex2.test('blab foot ballabla');
// => false

9

/(\.com|\.football)$/i

4

Regex 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

5

Ví dụ, kiểm tra một 

regex1.test('football');
// => true
regex1.test('blablabla football blablabla');
// => true
regex2.test('footba');
// => false
regex2.test('blab foot ballabla');
// => false

4 có kết thúc bằng 

regex1.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ông

regex cho yêu cầu đó

/(\.com|\.football)$/i

6

Phân tách cái regex ở trên

/(\.com|\.football)$/i

7

regex1.test('football');
// => true
regex1.test('blablabla football blablabla');
// => true
regex2.test('footba');
// => false
regex2.test('blab foot ballabla');
// => false

7 đặt trước các ký tự đặc biệt, dấu 

regex1.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ệt

/(\.com|\.football)$/i

8

regex1.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

9

/^football/.test('football')     //✅
/^football/.test('bla football') //❌

0 là điều kiện phải xuất hiện ở cuối string

// tạo 1 object mới
const regex1 = new RegExp('football');

// dùng regular expression literal 
const regex2 = /football/

0

Nhó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/

1

Lấy số từ String

// tạo 1 object mới
const regex1 = new RegExp('football');

// dùng regular expression literal 
const regex2 = /football/

2

Lấy giá trị của 1 Group

Thay thế chuỗi

• /[a-z]/.test('a')  //✅
  /[a-z]/.test('1')  //❌
  /[a-z]/.test('A')  //❌
  
  /[a-c]/.test('d')  //❌
  /[a-c]/.test('dc') //✅

  0

• /[a-z]/.test('a')  //✅
  /[a-z]/.test('1')  //❌
  /[a-z]/.test('A')  //❌
  
  /[a-c]/.test('d')  //❌
  /[a-c]/.test('dc') //✅

  1

Lấy số từ String

// tạo 1 object mới
const regex1 = new RegExp('football');

// dùng regular expression literal 
const regex2 = /football/

3

Kiểm tra email

// tạo 1 object mới
const regex1 = new RegExp('football');

// dùng regular expression literal 
const regex2 = /football/

4

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
• Thay thế substring trong string

// tạo 1 object mới
const regex1 = new RegExp('football');

// dùng regular expression literal 
const regex2 = /football/

5

Thay 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/

6

Có 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/

7

Thê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/

8

Sử 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/

9

Lấy số từ String

regex1.test('football');
// => true
regex1.test('blablabla football blablabla');
// => true
regex2.test('footba');
// => false
regex2.test('blab foot ballabla');
// => false

0

Kiểm tra email

regex1.test('football');
// => true
regex1.test('blablabla football blablabla');
// => true
regex2.test('footba');
// => false
regex2.test('blab foot ballabla');
// => false

1

Lấ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

2

Lấ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

3

Bà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