Viết HOA Ký Tự đầu Của Chuỗi Bằng Javascript - NHANWEB

Blog kinh doanh trên Internet và kĩ thuật lập trình website

You are here: Home / jQuery & Javascript / Viết HOA ký tự đầu của chuỗi bằng Javascript

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

Vớ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é.

About Nguyễn Duy Nhân

Mình viết cái blog này từ thời mình hàng U2x, giờ là 3Ux và sắp bước sang U4x. Nói tóm lại là mình già rồi mấy bạn trẻ ơi! Vì vậy mấy bạn đọc để tham khảo, đọc để chia sẻ và đọc để học hỏi là chính chứ đừng có chửi thề, đừng có gây war nha. Mình già - mình ngại va chạm lắm... Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn.

Buy me a coffee

Blogger Nguyễn Duy Nhân

Mình viết cái blog này từ thời mình hàng U2x, giờ là 3Ux và sắp bước sang U4x. Nói tóm lại là mình già rồi mấy bạn trẻ ơi! Vì vậy mấy bạn đọc để tham khảo, đọc để chia sẻ và đọc để học hỏi là chính chứ đừng có chửi thề, đừng có gây war nha. Mình già - mình ngại va chạm lắm... Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Read More…

Trong công việc, tôi cũng là một quản lý bộ phận trong công ty, tôi có cơ hội tiếp xúc và làm việc với nhiều thế hệ nhân viên khác nhau, trước đây là thế hệ Gen Y và bây giờ là Gen Z (sinh từ 1997-2012) là thế hệ mới nổi trội hiện nay. […]

Page Speed là một trong những yếu tố quan trọng ảnh hưởng đến trải nghiệm người dùng và thứ hạng tìm kiếm của website. Có rất nhiều việc cần phải làm để cải thiện chỉ số này, trong đó một trong những việc khó nhằm nhất đối với đa số webmaster đó là tối ưu […]

SEO là một trong những ngành cho nhiều biến động nhất trong năm nay (2023) với sự xuất hiện của AI đủ loặi hằm bà lằng như ChatGPT, Bing AI, Bard AI…. Việc tối ưu hóa website cho công cụ tìm kiếm giúp doanh nghiệp tăng khả năng hiển thị trên các kết quả tìm […]

Nhận bài viết mới

Hãy nhập email của bạn:

Liên kết hữu ích cho bạn: Review Hosting

Trở thành tác giả

Bạn sẽ đặt câu hỏi bạn sẽ được lợi ích gì từ việc viết bài trên NhanWeb?

Chúng tôi xin trả lời bạn là những việc làm của chúng tôi, và cả bạn(nếu được) đều nhằm mục đích đem lại những điều hữu ích cho cộng đồng. Tất cả đều xuất phát từ tâm huyết của người viết đối với cộng đồng blogger và việc truyền bá kiến thức của nhân loại.

Xin xem thêm Chính sách tác giả »

Cảm ơn tác giả bài viết ???

Bạn đọc những bài viết trên NhanWeb và giải quyết được những câu hỏi của mình, bạn muốn gửi chút ít chi phí xem như lời cảm ơn tác giả ?

Tôi sẽ rất vui nếu những bài viết của tôi có ích cho bạn đọc NhanWeb. Phần thưởng bạn dành cho tôi dù nhỏ hay lớn luôn là một lời khích lệ thiết thực cho tôi khi đặt tay lên bàn phím. Nếu bạn có nhả ý gửi tặng tôi chút đỉnh chi phí thay cho lời cảm ơn (50k, 100k... hay hơn thế nữa). Bất cứ lúc nào bạn cũng có thể có số tài khoản của tôi tại trang Liên hệ ».