How do I Make the First Letter of a String Uppercase in JavaScript?

Matthew C.
—The Problem
You want to capitalize the first letter of a string using JavaScript. How do you do this?
The Solution
To make the first letter of a string uppercase, get the first letter, convert it to uppercase, and then add the rest of the string to it:
const str = "name"; const modStr = str[0].toUpperCase() + str.slice(1); console.log(str); // name console.log(modStr); // Name
The toUpperCase() method converts a string value to uppercase. The slice() method is used to get all of the characters from index position 1 to the end of the string. The uppercase first letter is concatenated with the rest of the string. This method does not alter the original string.
You can also use the charAt() method to get the first character of the string:
str.charAt(0).toUpperCase() + str.slice(1);
- YoutubeHow Sentry.io saved me from disaster (opens in a new tab)
- ResourcesImprove Web Browser Performance - Find the JavaScript code causing slowdowns (opens in a new tab)
- SentryJavascript Error Monitoring & Tracing (opens in a new tab)
- ResourcesJavaScript Frontend Error Monitoring 101 (opens in a new tab)
- Syntax.fmListen to the Syntax Podcast (opens in a new tab)
- Listen to the Syntax Podcast (opens in a new tab)
![Syntax.fm logo]()
Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.
SEE EPISODES
Considered “not bad” by 4 million developers and more than 150,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.
