Sách
JavaScript
Chương 2. Chuỗi
Viết hoa một chuỗi

JavaScript:
Viết hoa một chuỗi

Làm thế nào:

JavaScript không có phương thức tích hợp sẵn để viết hoa, nhưng dưới đây là một hàm đơn giản thực hiện điều đó:

function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

console.log(capitalizeFirstLetter('hello')); // Kết quả: Hello

Đối với nhiều từ:

function capitalizeWords(str) {
    return str.split(' ').map(capitalizeFirstLetter).join(' ');
}

console.log(capitalizeWords('hello world!')); // Kết quả: Hello World!

Tìm hiểu sâu hơn

Việc viết hoa chuỗi không luôn có các hàm tích hợp sẵn trong các ngôn ngữ, thường liên quan đến việc thao tác ASCII thủ công. Ngày nay, hầu hết các ngôn ngữ lập trình đều cung cấp các phương thức để thao tác chuỗi, nhưng JavaScript yêu cầu một cách tiếp cận tự làm nhiều hơn.

Các phương án thay thế:

Bạn có thể sử dụng CSS để viết hoa văn bản cho các trang web (text-transform: capitalize;), hoặc các thư viện như Lodash có các hàm viết hoa. Nhưng việc thực hiện bằng JavaScript thuần túy, như đã trình bày ở trên, không phụ thuộc vào bất kỳ thứ gì khác.

Chi tiết thực hiện:

charAt(0) lấy ký tự đầu tiên. toUpperCase() chuyển nó thành chữ in hoa. Kết hợp nó với phần còn lại của chuỗi slice(1) để bạn có được một chuỗi được viết hoa. Phương pháp này hoạt động tốt giả sử đầu vào là một chuỗi và không bắt đầu bằng một khoảng trắng.

Xem thêm:

Nối chuỗi ký tự