Table of contents
Hey Coder!! 👨💻👩💻In article I will explains how to convert a string to lowercase and uppercase characters..
👉 How to Convert Uppercase to Lowercase
1 Method to solve this problem
let str='RICHA';
let [firstLetter,...restLetter]=str
console.log(firstLetter);
console.log(restLetter);
Output:-
let me explain this What I done in this first I assign string(
RICHA
) to variable that isstr
, then I used spread(...) operator using spread operator you can spread each alphabet like thisR I C H A
you can check thisconsole.log(...str)
let str='RICHA';
// console.log(...str)
let [firstLetter,...restLetter]=str
// console.log(firstLetter);
// console.log(restLetter);
let joinRestLetter=restLetter.join('')
console.log(joinRestLetter)
let convertjoinRestLetter=joinRestLetter.toLocaleLowerCase()
console.log(convertjoinRestLetter)
let addAfterChange=`${firstLetter}${convertjoinRestLetter}`
console.log(addAfterChange)
Output:-
after that I used join() method join what will do it's remove the space then I convert that to lower case and add them together(concatenate) you can see the output above. Hope you will understand that
Let understand this with different example
How to capitalize the first letter of every word in JavaScript
let str_one='you are beautiful'
let splitstr_one=str_one.split(' ')
// console.log(splitstr_one)
for(let i=0;i<splitstr_one.length;i++){
let [firstLetter,...restLetter]=splitstr_one[i]
// console.log(firstLetter)
// console.log(restLetter)
let str=`${firstLetter.toUpperCase()}${restLetter.join('')}`
splitstr_one[i]=str
// console.log(str)
}
console.log(splitstr_one.join(' '))
Output:-
2 Method to solve this problem
let myGreeting = 'GOOD MORNING';
console.log(myGreeting.toLowerCase());
Output:-
The string myGreeting
consists of only one capital letter that gets converted to lowercase.
Any letters that are already lowercase are not affected by the toLowerCase()
method, only uppercase ones. These letters preserve their original form.
The string in the example below consists of all capital letters. They are all then converted to lowercase when the toLowerCase()
method is applied.
👉 How to capitalize only the first letter in a string in JavaScript
You first locate and extract the first letter of that string by using its index. Then you call the toUpperCase()
method on that specific letter.
As a reminder, indexing in JavaScript (and most programming languages) starts at 0, so the first letter has an index of 0
.
Save this operation in a new variable called capFirstLetter
.
let name = 'richa';
let capFirstLetter=name[0].toUpperCase()
console.log(capFirstLetter);
Next, you want to isolate and cut off that first character
and keep the remainder of the string.
One way to do this is by using the slice()
method. This creates a new string starting from the index specified until the end of the word.
You want to start from the second letter until the end of the value.
In this case, the argument you should pass to slice()
is an index of 1
since that is the index of the second letter.
This way, the first character is excluded altogether. A new string is returned without it but containing the rest of the characters – minus that first letter.
Then save that operation to a new variable.
let name = 'richa';
let capFirstLetter=name[0].toUpperCase()
// console.log(capFirstLetter);
let restOfNameAlb = name.slice(1);
console.log(restOfNameAlb);
Output:-
By combining the two new variables with concatenation, you get a new string with only the first letter capitalized.
let name = 'richa';
let capFirstLetter=name[0].toUpperCase()
// console.log(capFirstLetter);
let restOfNameAlb = name.slice(1);
// console.log(restOfNameAlb);
let addAfterChange=`${capFirstLetter}${restOfNameAlb}`
console.log(addAfterChange)
Output:-
Another way is to combine the steps from above and isolate them in a function.
The function gets created just once. The function then returns a new string with the first letter capitalized.
The amount of code you need to write is substantially less while also being able to pass in any string as an argument without writing repetitive code.
function capFirst(name) {
return name[0].toUpperCase() + name.slice(1);
}
console.log(capFirst('richa'));//Output:-Richa
👉 How to capitalize the first letter of every word in JavaScript
The first step is to split the sentence into individual words and work with each one separately.
For that, you use the split()
method and pass a space as an argument. It means that with every space in the sentence provided, an item gets passed into a new array.
It splits the sentence based on blank spaces.
Create a new variable and store the new array.
let dreamBig = 'excuses will turn your dreams into dust';
let splitdreamBig = dreamBig.split(" ");
console.log(splitdreamBig)
Output:-
Now from that sentence, there is a new array of words that allows you to manipulate each word on its own, separately.
Since there is now a new array, you can use the map()
method to iterate over each individual item inside it.
In the map()
method, you use the same procedure shown in the section above to take each word individually, capitalize the first letter, and return the rest of the word.
let dreamBig = 'excuses will turn your dreams into dust';
let splitdreamBig = dreamBig.split(" ");
// console.log(splitdreamBig)
let words=splitdreamBig.map((word)=>{
return word[0].toUpperCase() + word.slice(1);
})
console.log(words.join(' '))
Output:-
The first letter of every word is now capitalized.
All that is left now is to combine the words in the array together in a single sentence again.
For that you use the join()
method and pass a space as the argument.
The first letter of every word is now capitalized.
All that is left now is to combine the words in the array together in a single sentence again.
For that you use the join() method and pass a space as the argument.
function capFirstLetterInSentence(sentence) {
let words = sentence.split(" ").map(word => {
return word[0].toUpperCase() + word.slice(1);
})
return words.join(" ");
}
console.log(capFirstLetterInSentence("excuses will turn your dreams into dust"));
//Excuses Will Turn Your Dreams Into Dust
Conclusion
And there you have it! This is how you use the toLowerCase()
and toUpperCase()
methods in JavaScript.
You learned how to capitalize the first letter of a word and capitalize the first letter of each word in a sentence.
Wrap up
So we have discussed two ways to solved the coding challenge . Thanks for reading 🙂.Please share it with your network. Don’t forget to leave your comments below.
Happy Coding!!😇