Xử lý chuỗi trong jquery là một trong những keyword được search nhiều nhất trên Google về chủ đề xử lý chuỗi trong jquery. Trong bài viết này, xaydungweb.vn sẽ viết bài viết Hướng dẫn xử lý chuỗi trong jquery mới nhất 2020.
Hướng dẫn xử lý chuỗi trong jquery mới nhất 2020
Bài trước chúng ta đã đào bới về chuỗi vào javascript nhưng đó chỉ cần nhiều thao tác đơn giản giống như khởi tạo, gán chất lượng và thực hiện toán tử nối chuỗi, vậy trong bài này mình tiếp tục giới thiệu những hàm giải quyết và xử lý chuỗi vào Javascript thường dùng nhất nhằm bạn dùng trong thời gian làm công việc. Nói khi là hàm nhưng bản chất chính là những phương thức vì tất cả những hàm đó đều phải sử dụng băng qua đối tượng String
và liên quan thế nào thì cả nhà cùng hướng đến nhé.
1. những hàm giải quyết chuỗi vào Javascript
Mình không thể liệt kê hết những hàm đc mà chỉ chi các hàm hay được dùng nhất nhằm nội dung bài viết được ngắn gọn hơn.
tìm tòi chuỗi con
chúng ta có ba hàm thường dùng nhằm tìm tòi chuỗi con trong Javascript như sau:
- indexOf()
- lastIndexOf()
- search()
Hàm indexOf()
nhằm tìm kiếm chuỗi con thì ta dùng hàm String.indexOf(str)
, bao gồm str
khi là chuỗi con cũng như String
là chuỗi cha. Hàm này sẽ trả kết quả về kết quả khi là địa chỉ xuât hiện tại đầu tiên của chuỗi (bắt đầu khi là địa chỉ 0
), nếu không tìm thấy chuỗi con thì nó tiếp tục trả về -1
.
cụ thể: xem demo
1 2 | var string = "Chào mừng các bạn mang lại với freetuts.net" ; document.write( "Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf( "freetuts.net" )); |
Hàm lastIndexOf()
trường hợp nếu chuỗi con có các lần trong chuỗi cha thì kết quả cũng trả về địa chỉ xuất hiện của chuỗi con đầu tiên. Vậy làm ra làm sao để đưa vị trí của chuỗi con sau cùng vào chuỗi cha? Ta tiếp tục sử dụng hàm String.lastIndexOf(str)
, hàm này tiếp tục trả về địa chỉ xuất hiện của chuỗi con sau cùng cũng như trả về -1
nếu không tìm nhìn thấy.
rõ ràng: xem demo
1 2 | var string = "Website freetuts.net - học lập trình free tại freetuts.net" ; document.write( "Vị trí có chuỗi freetuts.net là: " + string.lastIndexOf( "freetuts.net" )); |
Hàm search()
ngoài hai hàm trên chúng ta cũng có thể dùng hàm string.search(str)
nhằm tìm tòi, tác dụng của chính nó cũng giống như hàm string.indexOf(str)
.
cụ thể: nhìn thấy dùng thử
1 2 | var string = "Chào mừng bạn mang đến với freetuts.net" ; document.write( "Vị trí có chuỗi freetuts.net là: " + string.search( "freetuts.net" )); |
Cắt chuỗi con
nếu ban muốn cắt một chuỗi con từ chuỗi cha thì bạn cũng có thể dùng ba hàm sau:
- slice(start, end)
- substring(start, end)
- substr(start, length)
chú ý: gồm những địa chỉ của chuỗi đều khởi đầu từ 0, bởi vậy khi giám sát và đo lường vị trí coi chừng bị nhầm lẫn nhé.
Hàm slice()
Hàm slide xuất hiện hai tham số truyền vào:
start
: địa điểm bắt đầuend
: địa điểm ngừng
ví dụ: xem dùng thử
1 2 | var string = "Welcome to freetuts.net" ; document.write( "Chuỗi cần lấy là: " + string.slice(11, 23)); |
nếu như tham số truyền trong khi là số âm thì nó tiếp tục tính Ngược lại, nghĩa khi là nó sẽ đếm từ cuối lên.
ví dụ: xem dùng thử
1 2 | var string = "Welcome lớn freetuts.net" ; document.write( "Chuỗi cần lấy là: " + string.slice(-12, 23)); |
nếu như bạn chỉ truyền một tham số mới nhất thì nó tiếp tục tự hiểu địa chỉ end
là vị trí sau cùng.
rõ ràng: xem demo
1 2 | var string = "Welcome to freetuts.net" ; document.write( "Chuỗi cần quét là: " + string.slice(5)); |
Hàm substring()
Hàm substring()
có giải pháp sử dụng giống cùng với hàm slice()
, tuy nhiên tham số truyền trong hàm substring()
phải luôn to hơn 0
.
ví dụ: nhìn thấy dùng thử
1 2 | var string = "Welcome lớn freetuts.net" ; document.write( "Chuỗi cần get là: " + string.substring(11, 23)); |
Hàm substr()
Hàm substr()
xuất hiện hai tham số khi là start
và length
, trong đó start
khi là địa điểm bắt đầu cũng như length
khi là số ký tự mong muốn get bắt đầu từ địa chỉ start
. nếu như bạn truyền tham số start
là số âm thì nó tiếp tục tính từ cuối trở lên, còn tham số length
phải luôn luôn khi là số dương.
cụ thể: xem demo
1 2 | var string = "Welcome lớn freetuts.net" ; document.write( "Chuỗi cần lấy là: " + string.substr(11, 12)); |
tìm tòi và lặp chuỗi
nhằm tìm kiếm cũng như lặp một chuỗi con gì đấy thì các bạn dùng hàm replace(str_find, str_replace)
, bao gồm str_find
là chuỗi cần tìm và str_replace
là chuỗi sẽ đc thay thế sửa chữa chuỗi str_find
.
cụ thể: xem dùng thử
1 2 | var string = "Welcome to freetuts.net" ; document.write(string.replace( "freetuts.net" , "freetuts.net" )); |
Chuyển thành chữ hoa và chữ thường
để chuyển chuỗi thành chữ hoa ta dùng hàm toUpperCase()
cũng như chuyển thành chữ thường ta dùng hàm toLowerCase()
.
rõ ràng: xem dùng thử
1 2 3 | var string = "Welcome to freetuts.net" ; document.write(string.toUpperCase() + " ); document.write(string.toLowerCase()); |
Nối thêm chuỗi
nhằm nối thêm chuỗi thông thường ta sử dụng toán tử +
, ngoài ra bạn có thể dùng hàm concat()
để triển khai nối chuỗi.
cụ thể: xem demo
1 2 3 4 5 6 7 | var string = "Welcome " + "to" + " freetuts.net" ; document.write(string + " ); // hoặc var string = "Welcome " ; string = string.concat( "to " , "freetuts.net" ); document.write(string + " ); |
Tìm cam kết tự hoặc mã ASCII của một ký tự
để nhìn thấy ký kết tự của một vị trí gì đó thì sử dụng hàm charAt()
, còn nhìn thấy mã ASCII thì dùng hàm charCodeAt()
. Cả hai hàm này đều sở hữu tham số truyền vào là địa điểm muốn xem.
ví dụ: nhìn thấy dùng thử
1 2 3 4 | var string = "Welcome freetuts.net" ; document.write(string.charAt(1) + " ); document.write(string.charCodeAt(1) + " ); |
chuyển đổi chuỗi sang mảng
nhằm chuyển một chuỗi sang mảng thì ta sử dụng hàm split()
cùng với tham số truyền trong khi là ký tự cách biệt giữa các thành phần.
cụ thể: nhìn thấy demo
1 2 3 4 5 | string = "Welcome freetuts.net" ; // chia thành mảng cùng với mỗi phần tử ngăn bởi tầm trắng // hiệu quả khi là mảng có hai thành phần gồm: welcome và feetuts.net document.write(string.split( " " ).length); |
2. Lời kết
tại là nhiều hàm xử lý chuỗi thịnh hành mà quý vị nên biết để dùng khi cần thiết, nhiều hàm này đang ở mức căn bản vì vẫn không đáp ứng đc những yêu cầu xử lý tinh vi hơn, thông tin này mình tiếp tục đề cập sau khi bạn tìm hiểu về Regex trong Javascript.
nếu như khách hàng cần có thêm bài tập để thực hiện thì rất có thể đi theo dõi sống serie bài tập Javascript, phòng này là tổng hợp những bài tập Javascript từ căn bản mang lại nâng cao.
nguồn: freetuts.net