Kuidas kasutada JavaScripti iga sõna esimest tähte suurtähena - JS-i suurtähtede õpetus

Selles artiklis saate teada, kuidas JavaScripti mis tahes sõna algustäht suurtähtedega kirjutada. Pärast seda hakatakse suurtähtedes kasutama lausest kõigi sõnade esimest tähte.

Programmeerimise ilus külg on see, et probleemi lahendamiseks pole üht universaalset lahendust. Seetõttu näete selles artiklis sama probleemi lahendamiseks mitu võimalust.

Suurtäht sõna algustähega

Kõigepealt alustame ühe sõna esimese tähe suurtähtedes. Kui olete õppinud, kuidas seda teha, liigume järgmisele tasandile - tehes seda lause iga sõna kohta. Siin on näide:

const publication = "freeCodeCamp"; 

JavaScriptis alustame loendamist nullist. Näiteks kui meil on massiiv, on esimene positsioon 0, mitte 1.

Samuti pääseme igale Stringi tähele juurde samamoodi nagu massiivi elemendile. Näiteks sõna " freeCodeCamp " esimene täht on positsioonil 0.

See tähendab, et saame kirja f alates freeCodeCamp tehes publication[0].

Samamoodi pääsete sõnast juurde ka teistele tähtedele. "0" saate asendada mis tahes numbriga, kui te ei ületa sõna pikkust. Sõna pikkuse ületamise all mõtlen ma proovida teha midagi sellist publication[25, mis loob vea, kuna sõnas "freeCodeCamp" on ainult kaksteist tähte.

Kuidas suurtäht suurtähega kirjutada

Nüüd, kui teame, kuidas pääseda kirjale juurde sõnast, kirjutame selle suurtähega.

JavaScriptis on meil meetod nimega toUpperCase(), mida saame kutsuda stringidele või sõnadele. Nagu võime nimest järeldada, kutsute seda stringile / sõnale ja see tagastab sama asja, kuid suurtähena.

Näiteks:

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

Running eespool koodi, sa lähed, et saada kapitali F asemel f. Kogu sõna tagasi saamiseks võime seda teha:

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

Nüüd ühendab see "F" tähega "reeCodeCamp", mis tähendab, et saame tagasi sõna "FreeCodeCamp". See on kõik!

Võtame kokku

Et olla kindel, et asjad on selged, kordame siiani õpitu:

  • JavaScriptis algab loendamine 0-st.
  • Stringi tähele pääseme juurde samamoodi nagu massiivi elemendile - nt string[index].
  • Ärge kasutage indeksi, mis ületab stringi pikkust (kasutatava string.lengthvahemiku leidmiseks kasutage pikkuse meetodit - -).
  • Kasutage sisseehitatud meetodit toUpperCase()tähel, mille soovite teisendada suurtäheks.

Iga sõna algustäht tuleb stringis suurtähega kasutada

Järgmine samm on lause võtmine ja selle lause iga sõna suurtähtede kasutamine. Võtame järgmise lause:

const mySentence = "freeCodeCamp is an awesome resource"; 

Jagage see sõnadeks

Me peame lause suurtähed kirjutama iga sõna algusest freeCodeCamp is an awesome resource.

Esimene samm, mille me teeme, on lause jagamine sõnadeks. Miks? Nii et saame iga sõnaga eraldi manipuleerida. Saame seda teha järgmiselt:

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

Korduvad iga sõna üle

Pärast ülaltoodud koodi käivitamist määratakse muutujale wordsmassiivi iga lause sõnaga. Massiiv on järgmine ["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); } 

Nüüd on järgmine samm silmade massiivi ületamine ja iga sõna esimese tähe suurtähtede kasutamine.

Ülaltoodud koodis võetakse iga sõna eraldi. Seejärel liidetakse see suure algustähega ja lõpuks liidetakse suure algustähega ülejäänud string.

Ühendage sõnad

Mida teeb ülaltoodud kood? See kordub iga sõna kohal ja asendab selle esimese tähe suurtähega + ülejäänud stringiga.

Kui võtame näiteks "freeCodeCamp", näeb see välja selline freeCodeCamp = F + reeCodeCamp.

Pärast kõigi sõnade kordamist on wordsmassiiv ["FreeCodeCamp", "Is", "An", "Awesome", "Resource"]. Kuid meil on massiiv, mitte string, mida me ei soovi.

The last step is to join all the words to form a sentence. So, how do we do that?

In JavaScript, we have a method called join, which we can use to return an array as a string. The method takes a separator as an argument. That is, we specify what to add between words, for example a space.

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(" "); 

In the above code snippet, we can see the join method in action. We call it on the words array, and we specify the separator, which in our case is a space.

Therefore, ["FreeCodeCamp", "Is", "An", "Awesome", "Resource"] becomes FreeCodeCamp Is An Awesome Resource.

Other methods

In programming, usually, there are multiple ways of solving the same problem. So let's see another approach.

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

Kui teile meeldib see, mida ma kirjutan, on tõenäoline, et teile meeldiks see, mida ma saadan. Kaaluge minu meililistide tellimist. Kui te ei ole uudiskirjade fänn , saame Twitteris alati ühendust pidada .