toUpperCase()
methodIn JavaScript there is no shortcut function like the PHP ucfirst()
to make the first letter or character of a string to uppercase. However, you can achieve the same thing using the JavaScript toUpperCase()
method in combination with the charAt()
and slice()
methods with a little trick.
The
method return the character at the specified index, whereas the charAt()
slice()
method extracts a section of a string based on the beginIndex
and endIndex
parameters, like this str.slice(beginIndex, endIndex)
. The endIndex
parameter is optional and if it is omitted, the slice()
method extracts to the end of the string.
Characters in a string are indexed from left to right. The index of the first character is 0
, while the index of the last character in a string variable called str
would be str.length - 1
. To better understand all this, let's check out the following example:
<script>
// Define function to capitalize the first letter of a string
function capitalizeFirstLetter(string){
return string.charAt(0).toUpperCase() + string.slice(1);
}
// Calling function and display the result
var str1 = 'hi there!';
str1 = capitalizeFirstLetter(str1);
document.write(str1); // Print: Hi there!
var str2 = 'the Gods must be crazy.';
str2 = capitalizeFirstLetter(str2);
document.write(str2); // Print: The Gods must be crazy.
var str3 = '/app/index.html';
str2 = capitalizeFirstLetter(str3);
document.write(str3); // Print: /app/index.html
</script>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com
Laravel 5.5 - Razorpay Payment Gateway Integration
Today, we are share with you in this tut...How to get drop-down Select Values in React
React-Select is profoundly easy to...Automatically Adjust iFrame Height According to its Contents Using JavaScript
Use the contentWindow Property...No application encryption key has been specified.
Today i will share with you one of the c...How to install ReactJs in Laravel
If you optate to build a React applicati...