HomeLập trìnhJavaScriptJavaScript viết hoa...

JavaScript viết hoa chữ cái đầu tiên – Cách viết hoa chữ cái đầu tiên trong một từ bằng JS


Khi bạn viết mã, có nhiều cách để viết hoa chữ cái đầu tiên của một từ. Bạn có thể sử dụng CSS cũng như một số phương pháp JavaScript.

Trong bài viết này, tôi sẽ chỉ cho bạn một cách tiếp cận để đạt được điều này.

Để viết hoa chữ cái đầu tiên của một từ với JS, bạn cần hiểu ba phương thức chuỗi: charAt, lát cắtĐến trường hợp trên.

Các charAt Phương thức chuỗi JavaScript

Bạn sử dụng phương thức này để truy xuất ký tự tại một vị trí xác định trong chuỗi. Sử dụng phương pháp này, chúng ta có thể truy xuất chữ cái đầu tiên trong một từ:

const word = "freecodecamp"

const firstLetter = word.charAt(0)
// f

Các slice Phương thức chuỗi JavaScript

Bạn sử dụng phương pháp này để cắt bỏ một chuỗi con từ toàn bộ chuỗi. Chúng tôi sẽ sử dụng phương pháp này để cắt bỏ phần còn lại của một từ (không bao gồm chữ cái đầu tiên):

const word = "freecodecamp"

const remainingLetters = word.substring(1)
// reecodecamp

Các toUpperCase Phương thức chuỗi JavaScript

toUpperCase là một phương thức chuỗi trả về phiên bản chữ hoa của một chuỗi đã chỉ định. Chúng tôi sẽ sử dụng điều này để viết hoa chữ cái đầu tiên:

const firstLetter = "f"

const firstLetterCap = firstLetter.toUpperCase()
// F

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

Sử dụng 3 phương thức string ở trên, chúng ta sẽ lấy ký tự đầu tiên của từ, viết hoa nó, sau đó nối nó với phần bị cắt còn lại.

Đọc thêm  Nút HTML onclick – Hướng dẫn sự kiện nhấp chuột JavaScript

Cách tiếp cận này sẽ dẫn đến một từ mới có chữ cái đầu tiên được viết hoa.

Đây là mã cho nó:

const word = "freecodecamp"

const firstLetter = word.charAt(0)

const firstLetterCap = firstLetter.toUpperCase()

const remainingLetters = word.slice(1)

const capitalizedWord = firstLetterCap + remainingLetters
// Freecodecamp
// F is capitalized

Phiên bản ngắn của đoạn mã trên là:

const word = "freecodecamp"

const capitalized =
  word.charAt(0).toUpperCase()
  + word.slice(1)
  
// Freecodecamp
// F is capitalized

Cảm ơn bạn đã đọc và chúc bạn mã hóa vui vẻ!



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status