如何用JS将单词中的首字母大写(三种字符串方法)

116 阅读1分钟

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

在这篇文章中,我将向你展示一种方法来实现这个目的。

要用JS将单词的第一个字母大写,你需要了解三种字符串方法:charAtslicetoUpperCase

charAt JavaScript的字符串方法

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

const word = "freecodecamp"

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

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

谢谢您的阅读,祝您编码愉快!