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 [email protected]
Share Data Between Child and Parent Components in Angular 12 Part 1
The two components may have a parent-chi...Remove Whitespace Characters from Both Ends of a String
Sometimes you have a situation when you...How to get and set text in HTML elements in Javascript
I have noticed that newer Javscript deve...How to get original image size (width & height) in JavaScript
Use the HTML5 naturalWidth and...timedropper jQuery UI timepicker example
Sometimes, you may need to add time inpu...