Blog này minh họa quy trình viết hoa một từ cụ thể trong JavaScript bằng cách giải thích các phương pháp bên dưới:
Làm cách nào để viết hoa động một từ trong JavaScript?
Không có bất kỳ thuộc tính hoặc phương thức JavaScript tích hợp nào có thể được sử dụng để chỉ viết hoa từ đầu tiên của chuỗi được cung cấp. Tuy nhiên, có một số cách tiếp cận có thể được sửa đổi để trả về kết quả mong muốn. Các phương pháp này được mô tả với mô tả mã của họ. Hãy tiếp tục.
Cách 1: Sử dụng phương thức “slice()”
Trong phương pháp này, “ lời nhắc() ', Và ' Đến trường hợp trên() ” phương pháp được sử dụng dọc theo “ lát cắt() ” để chỉ viết hoa từ đầu tiên hoặc một phần của chuỗi khi cần hoặc do người dùng chỉ định. Như thể hiện trong đoạn mã dưới đây:
< thân hình >
< h1 > Bài viết Linuxhint h1 >
< h4 > Viết hoa từ đầu tiên h4 >
< nút onclick = 'captalizeFirstWord()' > Thử nó cái nút >
< id = 'mục tiêu' > P >
< kịch bản >
chức năng captalizeFirstWord ( ) {
để dữ liệu = lời nhắc ( 'Vui lòng nhập chuỗi' , 'John Wick' ) ;
hằng số từEndIndex = lời nhắc ( 'Nhập phạm vi cuối cùng' , '5' ) ;
hãy để từ đầu tiên = dữ liệu. lát cắt ( 0 , từEndIndex ) ;
để lại = dữ liệu. thay thế ( từ đầu tiên , '' ) ;
nếu như ( dữ liệu != vô giá trị ) {
tài liệu. getElementById ( 'mục tiêu' ) . bên trongHTML = 'Từ đầu tiên bây giờ được viết hoa: ' + từ đầu tiên. Đến trường hợp trên ( ) + còn lại ;
}
}
kịch bản >
thân hình >
Giải thích về mã:
- Đầu tiên, phần tử nút được khai báo để gọi “ captalizeFirstWord() ” phương pháp sử dụng “ trong một cái nhấp chuột ” người nghe sự kiện. Các ' P ” phần tử cũng được tạo bằng cách có id là “ mục tiêu ”. Trên phần tử HTML “p” này, đầu ra được chèn vào.
- Tiếp theo, chức năng “ captalizeFirstWord() ” nội dung được xác định bên trong “
' nhãn. Trong đó, một vài “ lời nhắc() ” các phương thức được sử dụng để lấy dữ liệu từ người dùng về chuỗi và số chỉ mục kết thúc cho các từ viết hoa. - Các ' lời nhắc() ” chứa hai tham số, tham số đầu tiên là thông báo hiển thị trên màn hình và tham số thứ hai là giá trị mặc định của nó.
- Những giá trị này được lưu trữ trong “ dữ liệu ' Và ' từEndIndex ' tương ứng. Sau đó, sử dụng “ lát cắt() ” trên “data” và cắt phần của chuỗi từ “ 0 ” chỉ mục tới số chỉ mục do người dùng cung cấp. Điều này tách từ đầu tiên khỏi chuỗi đã cung cấp được lưu trữ trong biến “firstWord”.
- Sau đó, sử dụng “ thay thế() ” trên chuỗi được cung cấp để thay thế nội dung “firstWord” bằng dấu ngoặc kép trống. Điều này sửa đổi chuỗi và bây giờ nó chứa phần còn lại sau khi loại bỏ từ đầu tiên được lưu trữ trong biến “ còn lại ”
- Cuối cùng, hãy sử dụng “ nếu như ” câu lệnh để kiểm tra xem “ dữ liệu ” biến do người dùng cung cấp có trống hay không. Nếu nó không trống hoặc bằng “ vô giá trị ”, sau đó chèn “ từ đầu tiên ” và áp dụng “ Đến trường hợp trên() ” phương pháp cho nó.
- Dọc theo nó, hiển thị phần còn lại được lưu trữ trong “ còn lại ' Biến đổi.
Sau khi tổng hợp:
Đầu ra cho thấy rằng từ đầu tiên của chuỗi được cung cấp hiện được viết hoa.
Cách 2: Sử dụng phương thức “substr()”
Các ' chất nền() ” có thể được sử dụng để chỉ viết hoa từ đầu tiên trong chuỗi được cung cấp. Nó có thể được thực hiện bằng cách chỉ chọn riêng chữ cái đầu tiên bằng cách truy cập vào số chỉ mục và bằng cách áp dụng phương thức “toUpperCase()” cho nó. Sau đó, đính kèm phần còn lại của chuỗi như được thực hiện trong mã bên dưới:
< h1 > Bài viết Linuxhint h1 >< h4 > Viết hoa từ đầu tiên h4 >
< nút onclick = 'captalizeFirstWord()' > Thử nó cái nút >
< id = 'mục tiêu' > P >
< kịch bản >
chức năng captalizeFirstWord ( ) {
để dữ liệu = lời nhắc ( 'Vui lòng nhập chuỗi' , 'John Wick' )
hằng số từEndIndex = lời nhắc ( 'Nhập phạm vi cuối cùng' , '5' ) ;
để lại kết quả = dữ liệu. chất nền ( 0 , từEndIndex ) . Đến trường hợp trên ( ) + dữ liệu. chất nền ( từEndIndex ) ;
nếu như ( dữ liệu != vô giá trị ) {
tài liệu. getElementById ( 'mục tiêu' ) . bên trongHTML = 'Từ đầu tiên bây giờ được viết hoa là:' + kết quả ;
}
}
kịch bản >
Giải thích đoạn mã trên:
- Đoạn mã trên giống như được mô tả trong phương pháp trước chỉ có phần “ lát cắt() ' Và ' thay thế() ” phương pháp được thay thế bằng “ chất nền() ' phương pháp.
- Phương thức “substr()” được áp dụng cho “ dữ liệu ” biến và một phần của chuỗi từ “ 0 ” chỉ mục đến chỉ mục được cung cấp được tách biệt. Trên phần riêng biệt này là từ đầu tiên, “ Đến trường hợp trên() ” được áp dụng để viết hoa nó.
- Sau đó, thứ hai “ chất nền() ” được sử dụng để chọn phần còn lại từ chỉ mục được cung cấp và sau đó nối kết quả cho cả hai phương pháp.
Sau khi tổng hợp:
Đầu ra cho thấy rằng chỉ có từ đầu tiên trong chuỗi được viết hoa
Phần kết luận
Không có bất kỳ phương thức tích hợp sẵn nào có thể được sử dụng để chỉ viết hoa từ đầu tiên của chuỗi được cung cấp một cách linh hoạt. Tuy nhiên, “ lát cắt() ' Và ' chất nền() ” các phương pháp có thể được sử dụng cùng với sự kết hợp của các phương pháp khác nhau, chẳng hạn như “ lời nhắc() ”, “ thay thế() ', Và ' Đến trường hợp trên() ” để viết hoa từ đầu tiên. Ở đây, “ Đến trường hợp trên() ” đặc biệt viết hoa từ đầu tiên được cắt. Bài đăng này đã minh họa các phương pháp viết hoa một từ trong JavaScript.