How to Capitalize the First Letter of a String in JavaScript [Snippets]

How to Capitalize the First Letter of a String in JavaScript [Snippets]

A small and practical tutorial on building code for this handy little function.

Originally published by Paul Underwood at https://dzone.com

Here is a quick code snippet for the JavaScript version of ucfirst. This code snippet will allow you to capitalize the first letter of a string using JavaScript.

function jsUcfirst(string) 
{
    return string.charAt(0).toUpperCase() + string.slice(1);
}

This code snippet will use the JavaScript function charAt to get the character at a certain index.

var firstLetter = string.charAt(0);

Next, we use the uppercase function in JavaScript to set this string to be in capitals.

var uppercaseFirstLetter = string.charAt(0).toUpperCase();

Then we can add the rest of the string on to this capital letter by using the function slice() which will allow us to get the rest of the string and remove the first letter.

var stringWithoutFirstLetter = string.slice(1)

Putting this all together, we get the JavaScript ucfirst() alternative.

function jsUcfirst(string) 
{
    return string.charAt(0).toUpperCase() + string.slice(1);
}

Thanks for reading

If you liked this post, please do share/like it with all of your programming buddies!

Follow us on Facebook | Twitter

Further reading about JavaScript

The Complete JavaScript Course 2019: Build Real Projects!

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

JavaScript Bootcamp - Build Real World Applications

The Web Developer Bootcamp

JavaScript Programming Tutorial - Full JavaScript Course for Beginners

New ES2019 Features Every JavaScript Developer Should Know

Best JavaScript Frameworks, Libraries and Tools to Use in 2019

JavaScript Basics Before You Learn React

javascript string

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Javascript String Concat: How to Concat String in JavaScript

Javascript String concat() is an inbuilt function that concatenates string arguments to a calling string and returns a new string.

Javascript String Replace: How to Replace String in JavaScript

Javascript String replace() method returns the new string with some or all matches of the pattern replaced by the replacement.

Javascript String Search: How to Search String in JavaScript

Javascript String search() is an inbuilt function that executes the search for a match between a regular expression and this String object.

Javascript String Includes: Check String Contains other String

Javascript string includes() function determines whether one string may be found within another string, returning true or false.

Convert String To Array Using Javascript Split Method

In this tutorial, you’ll be going to learn how to convert string to array using javascript split method. The easiest approach to use javascript built-in method String.split(). JavaScript split string method return array of a substring after splitting a string based on the separator you provide. The separator might be a string, special character or […]