Cách viết hoa chữ cái đầu tiên của chuỗi trong JavaScript

Để viết hoa chữ cái đầu tiên của một chuỗi ngẫu nhiên, bạn nên làm theo các bước sau:

1. Lấy chữ cái đầu tiên của chuỗi;
2. Chuyển chữ cái đầu tiên thành chữ hoa;
3. Lấy phần còn lại của chuỗi;
4. Nối chữ cái đầu tiên được viết hoa với phần còn lại của chuỗi và trả về kết quả;

1. Lấy chữ cái đầu tiên của chuỗi

Bạn nên sử dụng phương thức charAt(), tại chỉ số 0để chọn ký tự đầu tiên của chuỗi.

var string = "freeCodecamp";

string.charAt(0); // Returns "f"

GHI CHÚ: charAt tốt hơn là sử dụng [ ] (ký hiệu ngoặc) như str.charAt(0) trả về một chuỗi rỗng ('') vì str="" thay vì undefined trong trường hợp ''[0].

2. Chuyển đổi chữ cái đầu tiên thành chữ hoa

Bạn có thể sử dụng phương thức toUpperCase() và chuyển đổi chuỗi gọi thành chữ hoa.

var string = "freeCodecamp";

string.charAt(0).toUpperCase(); // Returns "F"

3. Lấy phần còn lại của chuỗi

Bạn có thể sử dụng phương thức slice() và lấy phần còn lại của chuỗi (từ ký tự thứ hai, chỉ số 1đến cuối chuỗi).

var string = "freeCodecamp";

string.slice(1); // Returns "reeCodecamp"

4. Trả về kết quả cộng chữ cái đầu tiên và phần còn lại của chuỗi

Bạn nên tạo một hàm chấp nhận một chuỗi làm đối số duy nhất và trả về phần nối của chữ cái đầu tiên được viết hoa string.charAt(0).toUpperCase() và phần còn lại của chuỗi string.slice(1).

var string = "freeCodecamp";

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

capitalizeFirstLetter(string); // Returns "FreeCodecamp"

Hoặc bạn có thể thêm chức năng đó vào String.prototype để sử dụng nó trực tiếp trên một chuỗi bằng mã sau (để phương thức không thể đếm được nhưng có thể bị ghi đè hoặc xóa sau):

var string = "freeCodecamp";

/* this is how methods are defined in prototype of any built-in Object */
Object.defineProperty(String.prototype, 'capitalizeFirstLetter', {
    value: function () {
        return this.charAt(0).toUpperCase() + this.slice(1);
    },
    writable: true, // so that one can overwrite it later
    configurable: true // so that it can be deleted later
});

string.capitalizeFirstLetter(); // Returns "FreeCodecamp"

Nguồn

stackoverflow – Viết hoa chữ cái đầu tiên của chuỗi trong JavaScript