Chia tách chuỗi là nhiệm vụ rất thường gặp trong lập trình web. Trong hướng dẫn này, bạn sẽ học cách sử dụng phương thức split() trong JavaScript để chia một chuỗi thành một mảng các chuỗi con.
Tóm Tắt
1. Cú pháp phương thức split()
Phương thức split() của String chia một chuỗi thành một mảng các chuỗi con:
split
Bạn đang đọc: Phương thức split() trong JavaScript
([separator], [limit]);
split ( ) gật đầu hai tham số tùy chọn, trong đó :
Tham số separator
Tham số separator là dấu phân tách, xác định vị trí mỗi lần phân tách sẽ xảy ra trong chuỗi ban đầu.
Dấu phân tách này có thể là một chuỗi. Hoặc nó có thể là một biểu thức chính quy (regular expression).
Nếu bạn bỏ quên dấu phân tách, thì split() không thể tìm thấy dấu phân tách trong chuỗi. Thế nên, trong trường hợp này, split() sẽ trả về toàn bộ chuỗi.
Tham số limit
Tham số limit là giới hạn. Nó chỉ định số chuỗi con được phân tách. Phương thức split() sẽ dừng khi số lượng chuỗi con đạt đến giới hạn.
Nếu limit = 0, hàm split() trả về một mảng trống. Nếu limit = 1, hàm split() trả về một mảng có chứa chuỗi.
> Lưu ý rằng mảng kết quả có thể có ít items hơn limit trong trường hợp split() chia tách đến cuối chuỗi mà vẫn chưa đạt đến limit.
2. Ví dụ sử dụng split() trong Javascript
Hãy cùng làm thử một vài ví dụ để hiểu cách sử dụng split ( ) trong Javascript
VD1: Sử dụng split() tách chuỗi thông thường thành các từ riêng biệt
Ví dụ sau sử dụng phương pháp split ( ) để chia một chuỗi thành những từ :
let str = ” Học JavaScript hay Web ? “;
/ / Sử dụng split ( ) để tách chuỗi -> từ
let substrings = str.split(” “);
console.log(substrings);
Kết quả ta được :
[“Học”, “JavaScript”, “hay”, “Web”]
Ở đây, chúng ta đã sử dụng dấu phân tách là một space, " "
VD2: Sử dụng split() tách chuỗi và nhận về giới hạn kết quả
Ví dụ sau sử dụng phương pháp split ( ) để chia một chuỗi thành những chuỗi con bằng cách sử dụng dấu cách. Nó cũng sử dụng tham số thứ hai để số lượng giới hạn số lượng chuỗi con trả về :
let str = ” Học JavaScript hay Web ? “;
/ / Sử dụng split ( )
let substrings = str.split(” “, 2);
console.log(substrings);
Kết quả ta được :
[“Học”, “JavaScript”]
VD3: Sử dụng split() tách chuỗi với biểu thức chính quy
Ở hai ví dụ trên, dấu phân tách chúng ta sử dụng là dấu cách. Tuy nhiên, với các chuỗi phức tạp, việc sử dụng dấu cách là khó giải quyết được vấn đề.
Do đó, phương thức split() cho phép bạn truyền biểu thức chính quy để xác định dấu phân tách.
let paragraph = ” Học. JavaScript ! hay ? Web. “
/ / Tách chuỗi sử dụng biểu thức chính quy
let sentences = paragraph.split(/[!, ?, .]/);
Xem thêm: Chế độ nghiêm ngặt trong JavaScript
console.log(sentences);
Kết quả ta được :
[“Học”, ” JavaScript”, ” hay”, ” Web”, “”]
Nếu biểu thức chính quy nằm trong dấu ngoặc ( ) thì phương pháp split ( ) cũng trả về chúng trong hiệu quả ( nếu có )
let paragraph = ” Học. JavaScript ! hay ? Web. “
/ / Sử dụng ( ) trong biểu thức chính quy
let sentences = paragraph.split(/( [!, ?, .] )/);
console.log(sentences);
Kết quả ta được :
[“Học”, “.”, ” JavaScript”, “!”, ” hay”, “?”, “Web”, “.”, “”]
Chú ý kết quả, dấu . ! và ? cũng được trả về trong kết quả.
Vì split() cho phép bạn truyền vào biểu thức chính quy làm dấu phân tách, thế nên bạn có thể tùy biến dấu phân tách để có được kết quả cuối cùng bạn muốn.
Tổng kết split() trong JavaScript
split() trong JavaScript để phân tác chuỗi, biết sử dụng tham số limit và tùy biến kết quả với biểu thức chính quy.
Hi vọng bạn cảm thấy hữu ích cho quá trình học lập trình JavaScript / lập trình web của bạn.
> Nếu muốn học lập trình JavaScript chuyên sâu, nhanh hơn, thực tế hơn thì đừng bỏ qua KHÓA HỌC FRONT ENDNhư vậy, qua bài học kinh nghiệm này bạn đã biết cách sử dụng phương thứcđể phân tác chuỗi, biết sử dụng tham số limit và tùy biến hiệu quả với biểu thức chính quy. Hi vọng bạn cảm thấy có ích cho quy trình học lập trình JavaScript / lập trình web của bạn .
—
HỌC VIỆN ĐÀO TẠO CNTT NIIT – ICT HÀ NỘI
Học Lập trình chất lượng cao ( Since 2002 ). Học trong thực tiễn + Tuyển dụng ngay !
Đc : Tầng 3, 25T2, N05, Nguyễn Thị Thập, CG cầu giấy, TP.HN
SĐT : 02435574074 – 0968051561
E-Mail : [email protected]
Fanpage: https://facebook.com/NIIT.ICT/
# niit # niithanoi # niiticthanoi # hoclaptrinh # khoahoclaptrinh # hoclaptrinhjava # hoclaptrinhphp # java # php # python
Source: https://final-blade.com
Category: Kiến thức Internet
