Tại sao cần một hàm để viết HOA ký tự đầu tiên ? Có nhiều nguyên nhân khiến cho bạn muốn làm việc này như trích xuất dữ liệu ra và chuyển nó thành phần mở đầu của câu hay chỉ đơn giản là bạn muốn sử dụng một chuỗi nào đó làm tiêu đề và dĩ nhiên – viết hoa ký tự đầu tiên. Bài viết này sẽ chia sẻ với bạn một kinh nghiệm nhỏ để làm việc đó bằng Javascript.
Học Javascript, HTML và CSSVới PHP, chúng ta có thể làm việc này tương đối dễ dàng bằng hàm ucfirst, còn trong Javascript, chúng ta cũng có thể xây dựng một hàm như vậy như sau:
[code lang=”javascript”] function jsUcfirst(string){
return string.charAt(0).toUpperCase() + string.slice(1);
}
[/code]
Giải thuật
Đây là một function được viết rút gọn, để phân tích nó một cách dễ hiểu, bạn hãy xem giải thuật từng bước của nó ngay sau đây.
Đầu tiên, bạn cần lấy ký tự đầu tiên của chuỗi string, để lấy được nó, chúng ta sử dụng hàm charAt trong Javascript, thông số truyền vào là vị trí (index) theo thứ tự từ trái sang phải và bắt đầu từ 0.
[code lang=”javascript”] var firstLetter = string.charAt(0);[/code]
Bước tiếp theo, từ kí tự đó, chuyển nó thành chữ HOA bằng cách sử dụng function toUpperCase trong Javascript:
[code lang=”javascript”] var uppercaseFirstLetter = string.charAt(0).toUpperCase();[/code]
Cuối cùng, hãy sử dụng hàm slice() để cắt chuỗi ra thành 2 phần và loại bỏ phần đầu tiên đi. Để làm việc đó chúng ta sẽ lấy từ index 1 (vì index 0 là thứ tự của ký tự đầu tiên.
[code lang=”javascript”] var stringWithoutFirstLetter = string.slice(1)[/code]
Sau đó nối chuỗi mới với ký tự đã được viết HOA ở trên và chúng ta có một function hoàn thiện.
Hàm viết hoa ký tự đầu tiên bằng Javascript hoàn thiện
[code lang=”javascript”] function jsUcfirst(string){
return string.charAt(0).toUpperCase() + string.slice(1);
}
[/code]
Đây là một function đơn giản nhưng tôi biết nhiều bạn sẽ cần và sẽ dùng thường xuyên. Hãy lưu function này lại (hoặc bookmark bài này lại) để có thể sử dụng khi bạn cần nhé.