Kaip rašyti didžiąja raide kiekvieno „JavaScript“ žodžio raidę - JS didžiųjų raidžių mokymo programa

Šiame straipsnyje jūs sužinosite, kaip rašyti didžiąsias bet kurio „JavaScript“ žodžio raides. Po to ketinate didžiąją visų sakinių žodžių raidę rašyti iš sakinio.

Gražiausia tai, kad programuojant yra tai, kad nėra vieno universalaus sprendimo, kaip išspręsti problemą. Todėl šiame straipsnyje jūs pamatysite kelis tos pačios problemos sprendimo būdus.

Pirmoji žodžio raidė rašoma didžiosiomis raidėmis

Pirmiausia pradėkime nuo vieno žodžio pirmosios raidės rašymo didžiosiomis raidėmis. Sužinoję, kaip tai padaryti, pereisime į kitą lygį - atlikdami tai su kiekvienu sakinio žodžiu. Štai pavyzdys:

const publication = "freeCodeCamp"; 

„JavaScript“ mes pradedame skaičiuoti nuo 0. Pavyzdžiui, jei turime masyvą, pirmoji pozicija yra 0, o ne 1.

Be to, mes galime pasiekti kiekvieną raidę iš eilutės taip pat, kaip prieiname prie elemento iš masyvo. Pavyzdžiui, pirmoji žodžio „ freeCodeCampraidė yra 0 pozicijoje.

Tai reiškia, kad atlikdami tai galime gauti f raidę iš freeCodeCamppublication[0] .

Tokiu pačiu būdu galite pasiekti kitas šio žodžio raides. „0“ galite pakeisti bet kokiu skaičiumi, jei neviršijate žodžio ilgio. publication[25Viršydamas žodžio ilgį, turiu omenyje bandymą padaryti kažką panašaus , o tai sukelia klaidą, nes žodyje „freeCodeCamp“ yra tik dvylika raidžių.

Kaip rašyti didžiąja raide pirmąją raidę

Dabar, kai žinome, kaip prieiti prie raidės iš žodžio, rašykime ją didžiosiomis raidėmis.

„JavaScript“ turime metodą, vadinamą toUpperCase(), kurį galime vadinti eilutėmis arba žodžiais. Kaip galime suprasti iš pavadinimo, jūs jį vadinate eilute / žodžiu, ir jis grąžins tą patį, bet kaip didelę raidę.

Pavyzdžiui:

const publication = "freeCodeCamp"; publication[0].toUpperCase(); 

Vykdydami pirmiau nurodytą kodą, vietoj f gausite didžiąją F raidę. Norėdami susigrąžinti visą žodį, galime tai padaryti:

const publication = "freeCodeCamp"; publication[0].toUpperCase() + publication.substring(1); 

Dabar ji sujungia „F“ su „reeCodeCamp“, o tai reiškia, kad mes grąžiname žodį „FreeCodeCamp“. Tai viskas!

Prisiminkime

Norėdami įsitikinti, kad viskas yra aišku, pakartokime tai, ko išmokome iki šiol:

  • „JavaScript“ skaičiavimas prasideda nuo 0.
  • Mes galime prieiti prie raidės iš eilutės taip pat, kaip prieiname prie elemento iš masyvo, pvz string[index].
  • Nenaudokite indekso, kuris viršija eilutės ilgį (naudokite ilgio metodą - string.length- norėdami rasti diapazoną, kurį galite naudoti).
  • Naudokite integruotą metodą toUpperCase()raidėje, kurią norite pakeisti į didžiąsias raides.

Kiekvieno žodžio pirmoji raidė rašoma didžiosiomis raidėmis

Kitas žingsnis - paimti sakinį ir kiekvieną šio sakinio žodį rašyti didžiosiomis raidėmis. Paimkime šį sakinį:

const mySentence = "freeCodeCamp is an awesome resource"; 

Padalinkite jį į žodžius

Pirmąją kiekvieno sakinio žodžio raidę turime rašyti didžiąja raide freeCodeCamp is an awesome resource.

Pirmasis žingsnis, kurį mes atliekame, yra padalinti sakinį į masyvą žodžių. Kodėl? Taigi mes galime manipuliuoti kiekvienu žodžiu atskirai. Tai galime padaryti taip:

const mySentence = "freeCodeCamp is an awesome resource"; const words = mySentence.split(" "); 

Kartoti per kiekvieną žodį

Paleidus pirmiau nurodytą kodą, kintamajam wordspriskiriamas masyvas su kiekvienu žodžiu iš sakinio. Masyvas yra toks ["freeCodeCamp", "is", "an", "awesome", "resource"].

const mySentence = "freeCodeCamp is an awesome resource"; const words = mySentence.split(" "); for (let i = 0; i < words.length; i++) { words[i] = words[i][0].toUpperCase() + words[i].substr(1); } 

Dabar kitas žingsnis yra kilnoti žodžių masyvą ir rašyti didžiosiomis raidėmis kiekvieno žodžio.

Ankstesniame kode kiekvienas žodis imamas atskirai. Tada ji rašo didžiąja raide pirmąją raidę ir galų gale sujungia didžiąją pirmąją raidę su likusia eilute.

Sujunk žodžius

Ką daro aukščiau pateiktas kodas? Tai kartoja kiekvieną žodį ir pakeičia jį pirmosios raidės didžiąja raide + likusia eilutės dalimi.

Jei imsime pavyzdį „freeCodeCamp“, tai atrodo taip freeCodeCamp = F + reeCodeCamp.

Pasikartojus visiems žodžiams, wordsmasyvas yra ["FreeCodeCamp", "Is", "An", "Awesome", "Resource"]. Tačiau mes turime masyvą, o ne eilutę, o tai nėra tai, ko mes norime.

Paskutinis žingsnis - sujungti visus žodžius, kad būtų suformuotas sakinys. Taigi, kaip tai padaryti?

„JavaScript“ mes turime metodą, vadinamą join, kurį galime naudoti masyvui grąžinti kaip eilutę. Metodo argumentas yra separatorius. Tai yra, mes nurodome, ką pridėti tarp žodžių, pavyzdžiui, tarpo.

const mySentence = "freeCodeCamp is an awesome resource"; const words = mySentence.split(" "); for (let i = 0; i < words.length; i++) { words[i] = words[i][0].toUpperCase() + words[i].substr(1); } words.join(" "); 

Pirmiau pateiktame kodo fragmente galime pamatyti prisijungimo metodą. Mes vadiname jį wordsmasyve ir nurodome separatorių, kuris mūsų atveju yra tarpas.

Todėl ["FreeCodeCamp", "Is", "An", "Awesome", "Resource"]tampa FreeCodeCamp Is An Awesome Resource.

Kiti metodai

Paprastai programuojant tą pačią problemą galima išspręsti keliais būdais. Taigi pažiūrėkime kitą požiūrį.

const mySentence = "freeCodeCamp is an awesome resource"; const words = mySentence.split(" "); words.map((word) => { return word[0].toUpperCase() + word.substring(1); }).join(" "); 

What is the difference between the above solution and the initial solution? The two solutions are very similar, the difference being that in the second solution we are using the map function, whereas in the first solution we used a for loop.

Let's go even further, and try to do a one-liner. Be aware! One line solutions might look cool, but in the real world they are rarely used because it is challenging to understand them. Code readability always comes first.

const mySentence = "freeCodeCamp is an awesome resource"; const finalSentence = mySentence.replace(/(^\w{1})|(\s+\w{1})/g, letter => letter.toUpperCase()); 

The above code uses RegEx to transform the letters. The RegEx might look confusing, so let me explain what happens:

  • ^ matches the beginning of the string.
  • \w matches any word character.
  • {1} takes only the first character.
  • Thus, ^\w{1} matches the first letter of the word.
  • | works like the boolean OR. It matches the expression after and before the |.
  • \s+ matches any amount of whitespace between the words (for example spaces, tabs, or line breaks).

Thus, with one line, we accomplished the same thing we accomplished in the above solutions. If you want to play around with the RegEx and to learn more, you can use this website.

Conclusion

Congratulations, you learnt a new thing today! To recap, in this article, you learnt how to:

  • access the characters from a string
  • capitalize the first letter of a word
  • split a string in an array of words
  • join back the words from an array to form a string
  • use RegEx to accomplish the same task

Jei jums patinka tai, ką aš rašau, yra tikimybė, kad jums patiks tai, ką aš el. Apsvarstykite galimybę užsiprenumeruoti mano adresų sąrašą. Jei nesate naujienlaiškių mėgėjas , mes visada galime palaikyti ryšį „ Twitter“ .