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);

Get Started With Sentry

Get actionable, code-level insights to resolve JavaScript performance bottlenecks and errors.

  1. Create a free Sentry account

  2. Create a JavaScript project and note your DSN

  3. Grab the Sentry JavaScript SDK

<script src="https://browser.sentry-cdn.com/7.110.1/bundle.min.js"></script>
  1. Configure your DSN
Sentry.init({ dsn: 'https://<key>@sentry.io/<project>' });

Loved by over 4 million developers and more than 90,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.

Share on Twitter
Bookmark this page
Ask a questionJoin the discussion

Related Answers

A better experience for your users. An easier life for your developers.

    TwitterGitHubDribbbleLinkedinDiscord
© 2024 • Sentry is a registered Trademark
of Functional Software, Inc.