Bài 6: Các hàm xử lý chuỗi (String) trong Javascript
Trong bài viết này, mình sẽ tổng hợp các hàm thường dùng và thông dụng nhất để thao tác với chuỗi (String) trong Javascript.
Nội dung của bài
Lấy độ dài của chuỗi
const string = "Học lập trình javascript cùng yeulaptrinh.com";
console.log(string.length); // 45
Tìm kiếm chuỗi string trong JS
Ta thường dùng 1 trong các hàm sau để tìm kiếm chuỗi con trong chuỗi:
- indexOf()
- lastIndexOf()
- search()
indexOf:
Hàm này sẽ trả kết quả về kết quả là vị trí xuât hiện đầu tiên của chuỗi (bắt đầu là vị trí 0
), nếu không tìm thấy chuỗi con thì nó sẽ trả về -1
.
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.indexOf("yeulaptrinh.vn")); // 22
lastIndexOf():
Hàm này sẽ trả về vị trí xuất hiện của chuỗi con cuối cùng và trả về -1
nếu không tìm thấy.
const string = "Chào mừng bạn đến với yeulaptrinh.vn. yeulaptrinh.vn";
console.log(string.lastIndexOf("yeulaptrinh.vn")); // 38
search():
Hàm này có cách dùng tương tự hàm indexOf
.
Lấy một chuỗi con từ chuỗi ban đầu
Để làm điều này, ta sử dụng một trong các hàm sau:
- slice(start, end)
- substring(start, end)
- substr(start, length)
slice(start, end)
Hàm nhận 2 tham số:
start
: vị trí bắt đầuend
: vị trí kết thúc
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.slice(0, 13)); // "Chào mừng bạn"
console.log(string.slice(-14, 36)); // "yeulaptrinh.vn"
console.log(string.slice(-14)); // "yeulaptrinh.vn"
console.log(string.slice(22)); // "yeulaptrinh.vn"
Hàm sẽ trả về chuỗi lấy từ vị trí start
tới end
của chuỗi ban đầu. Nếu start
là số âm thì nó sẽ đếm từ cuối lên. Nếu bạn chỉ truyền một tham số đầu tiên thì nó sẽ tự hiểu vị trí end
là vị trí cuối cùng của chuỗi ban đầu.
substring(start, end):
Giống như hàm slice
nhưng substring
sẽ coi giá trị âm bằng 0 và luôn tính từ đầu chuỗi.
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.slice(0, 13)); // "Chào mừng bạn"
console.log(string.substring(-14, 13)) // "Chào mừng bạn"
Hàm slide
sẽ đa dụng hơn substring
trong trường hợp duyệt từ cuối chuỗi.
substr(start, length):
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.substr(5, 8)); // "mừng bạn"
Hàm substr()
có hai tham số là start
và length
, trong đó start
là vị trí bắt đầu và length
là số ký tự muốn lấy bắt đầu từ vị trí start
. Nếu bạn truyền tham số start
là số âm thì nó sẽ tính từ cuối trở lên, còn tham số length
phải luôn luôn là số dương.
Thay thế chuỗi
replace(searchValue, replaceValue):
Hàm sẽ thay thế searchValue bằng replaceValue và trả về chuỗi mới.
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.replace("yeulaptrinh.vn", "Yêu Lập Trình ^^!");
// "Chào mừng bạn đến với Yêu Lập Trình ^^!"
Biến chuỗi ban đầu thành chuỗi in hoa hoặc chuỗi thường
toUpperCase() and toLowerCase():
Trong Javascript, để chuyển chuỗi thành chữ hoa ta dùng hàm toUpperCase()
và chuyển thành chữ thường ta dùng hàm toLowerCase()
.
const string = "Chào mừng bạn đến với yeulaptrinh.vn";
console.log(string.toUpperCase()); // CHÀO MỪNG BẠN ĐẾN VỚI YEULAPTRINH.VN
console.log(string.toLowerCase()); // chào mừng bạn đến với yeulaptrinh.vn
Nối chuỗi
concat():
Ngoài toán tử +
, ta có thể dùng hàm concat()
để nối 2 chuỗi lại với nhau:
const string1 = "Chào mừng bạn đến với";
const string2 = " yeulaptrinh.vn";
console.log(string1.concat(string2); // "Chào mừng bạn đến với yeulaptrinh.vn"
Lời kết
Trên đây là một vài hàm xử lý chuỗi quen thuộc trong Javascript, hy vọng sẽ giúp ích được các bạn trong quá trình thao tác và xử lý với String. Ngoài ra còn nhiều hàm với các chức năng khác nhau nữa, mọi người có thể tìm đọc thêm tại đây.