How to replace the First Letter of a String with upper/lower case in JavaScript

How to replace the First Letter of a String with upper/lower case in JavaScript. A small and practical tutorial on building code for this handy little function.

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

function ucfirst(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 firstLetterToChange = string.charAt(0);


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

var uppercaseTheFirstLetter = 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 theStringWithoutFirstLetter = string.slice(1)

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

return string.charAt(0).toUpperCase() + string.slice(1);

At the same manner a quick code snippet for the JavaScript version of lcfirst will allow you to replace the first letter of a string with lower case using JavaScript.

function lcfirst(string) 
{
    return string.charAt(0).toLowerCase() + string.slice(1);
}


Lates posts
Most visited posts

ViraWeb123

ViraWeb123: Click to be seen in the world

فارسی

English

Built with love to give everyone an opportunity to say something to the world
Copyright © 2018 All rights reserved - SITE123 

Terms - Privacy - Abuse

Create a free website with ViraWeb123. No design or coding skills required. ViraWeb123 is by far the easiest free website builder. Create your website now! Create your online shop now! Improve the SEO of your site. Increase your income by using best digital marketing strategies with ViraWeb123. طراحی سایت رایگان با ویراوب۱۲۳. بدون نیاز به کدزنی و برنامه‌نویسی. ویرواب۱۲۳ ساده‌ترین سایت ساز. همین الان سایت خود را ایجاد کنید! همین الان فروشگاه اینترنتی خود را راه‌اندازی کنید! سئوی سایت خود را بهبود دهید. بهبود سئو و رتبه سایت با ویراوب۱۲۳. درآمد کسب و کار اینترنتی خود را با روش‌های دیجیتال مارکتینگ ویراوب۱۲۳ افزایش دهید. ویراوب۱۲۳، بهترین و ارزان‌ترین میزبانی وب. لانه انواع پرندگان زینتی کوچک مانند فنچ، سهره، مرغ عشق، طوطی برزیلی و سایر لانه انواع پرندگان زینتی کوچک مانند فنچ، سهره، مرغ عشق، طوطی برزیلی و سایر در تهران