JavaScript Capitalize First Letter: How to make strings and arrays sentence case - vTomb

JavaScript Capitalize First Letter: How to make strings and arrays sentence case

Home
Donate
All
People & Blogs
Entertainment
Music
Gaming
Education
Howto & Style
News & Politics
Science & Technology
Film & Animation
Sports
Comedy
Autos & Vehicles
Nonprofits & Activism
Travel & Events
Pets & Animals

In this tutorial, you’ll learn how to use JavaScript to capitalize the first letter of a sentence or an array of words. Get my free 32 page eBook of JavaScript HowTos 👉https://bit.ly/2ThXPL3

Don’t forget to subscribe to the Junior Developer Central channel for more videos and tutorials!

You’ll also learn some tips and tricks on how to make this simple bit of code more powerful within your applications.

Although this may seem like a simple task, using JavaScript to capitalize the first letter of a string or using JavaScript to capitalize first letter of each word of a string, it’s a common task for Junior Developers to do.

It will mainly come in to play when working with presented data to the user as you want to ensure a consistent experience for the user. For example, it might be that data was stored (possibly by the user themselves) in all upper or lowercase.

So, How do you capitalize the first letter in HTML?


The first thing you need to do is to get the first character of the string using either bracket notation [] or the charAt function. In the video, i’ll explain the difference between the two.

Once you have the first character you can make this uppercase with the toUpperCase function which will transform the character to uppercase.

The final thing you’ll need to do is get the rest of the remaining original string and add it to the first, uppercase letter. You can do this with the slice function which ill show in the video.

Other videos in the JavaScript Snippets series:

JavaScript How To Remove An Item From Array Tutorial: https://youtu.be/UvohHcj9I-s
Javascript String Length: How to determine the size of a string: https://youtu.be/OO0_9gq8NNI
How to find the longest word in a String with JavaScript: https://youtu.be/j9cAav7VIv4
Find the largest number in an array JavaScript Tutorial: https://youtu.be/fOFSmCjvcFY
Check if a String is a palindrome with JavaScript Tutorial: https://youtu.be/_KE_yCKBqUA
How to reverse a String in JavaScript Tutorial: https://youtu.be/k7zzWvQaEhc
JavaScript join method: How to merge arrays into one value: https://youtu.be/90MVWda5DlM
Javascript How To Convert String To Number Tutorial: https://youtu.be/K-Twvsg3K_M
JavaScript Create HTML Element: How to dynamically add tags to your pages: https://youtu.be/VsXCK_2DJzA
JavaScript String Contains: How to check a string exists in another: https://youtu.be/uLT9iPccVZs
Link JavaScript to HTML: How to run your JavaScript code in the browser: https://youtu.be/821C5aJ3SLM
JavaScript Copy Array: How to make an exact copy of an array in JavaScript: https://youtu.be/5rybkWfeh-A
Javascript Print To Console Tutorial: Different ways to output data to the console: https://youtu.be/pkFbigsR7jI

By using our services, you agree to our Privacy Policy.
Powered by Wildsbet.

© 2021 vTomb

By using our services, you agree to our Privacy Policy.
Got it