原文: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
感谢你阅读本文,祝你编程愉快!