Capitalize a string in JavaScript

This post will discuss how to capitalize a string in JavaScript.

There are several ways to convert the first letter of the string to uppercase. These are demonstrated below:

1. Using `toUpperCase()` method

The idea is to get the first character of the string and capitalize it using the toUpperCase() method. Then prepend it with the remaining string using the + operator. This method is demonstrated below using the slice() method:

var str = "hello";

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);

console.log(capitalize(str));

Output: Hello

Download Run Code

Alternatively, you can use the substring() method to get the remaining string.

var str = "hello";

const capitalize = str => str.charAt(0).toUpperCase() + str.substring(1);

console.log(capitalize(str));

Output: Hello

Download Run Code

You can also use the [] operator instead of the charAt() method.

var str = "hello";

const capitalize = str => str[0].toUpperCase() + str.substring(1);

console.log(capitalize(str));

Output: Hello

Download Run Code

Another plausible way involves using the template literals, as shown below:

var str = "hello";

const capitalize = str => `${str.charAt(0).toUpperCase()}${str.slice(1)}`;

console.log(capitalize(str));

Output: Hello

Download Run Code

2. Using Underscore.String.js

Underscore.string is an Underscore extension which has offers several utility functions for string manipulation. It has the _.capitalize method, which converts the first letter of the string to uppercase.

var _ = require('underscore.string');

var str = "hello";

str = _.capitalize(str);

console.log(str);

Output: Hello

Download Code

4. Using Lodash Library

Similar to the underscore.string library, lodash offers the _.capitalize method. It converts the first character of a string to upper case and the remaining character to lower case.

To avoid converting the remaining characters to lower case, you can use the _.upperFirst method.

var _ = require('lodash');

var str = "hello";

str = _.upperFirst(str);

console.log(str);

Output: Hello

Download Code

That’s all about capitalizing a string in JavaScript.

Capitalize a string in JavaScript

1. Using toUpperCase() method

2. Using Underscore.String.js

4. Using Lodash Library

Share this:

1. Using `toUpperCase()` method