原文:JavaScript Capitalize First Letter – How to Uppercase the First Letter in a Word with JS,作者:Dillion Megida

在你编程时,有很多方法可以将单词的第一个字母大写。你可以使用 CSS 以及一些 JavaScript 方法。

在本文中,我将向你展示实现此目的的一种方法。

用 JS 将单词的首字母大写,需要了解三个字符串方法:charAt、slice、toUpperCase。

charAt JavaScript 字符串方法

你可以使用此方法检索字符串中指定位置的字符。使用这种方法,我们可以检索单词中的第一个字母:

const word = "freecodecamp"

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

The slice JavaScript string method

You use this method to cut out a substring from an entire string. We will use this method to cut out the remaining part of a word (excluding the first letter):

slice JavaScript 字符串方法

你可以使用此方法从整个字符串中剪切出一个子字符串。我们将使用这种方法将单词的剩余部分(不包括第一个字母)剪切掉:

const word = "freecodecamp"

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

toUpperCase JavaScript 字符串方法

toUpperCase 是一个字符串方法,它返回指定字符串的大写版本。我们将使用它来大写第一个字母:

const firstLetter = "f"

const firstLetterCap = firstLetter.toUpperCase()
// F

如何在 JavaScript 中将单词的首字母大写

使用上面的三个字符串方法,我们将获取单词的第一个字符,将其大写,然后将其与剪切掉的其他部分连接起来。

这种方法将产生一个首字母大写的新单词。

代码如下:

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

上面代码的简短版本是:

const word = "freecodecamp"

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

感谢你阅读本文,祝你编程愉快!