Moniriviset merkkijonot
Kirjoittakaa luettavaa monirivistä tekstiä ilman escape-merkkejä.
Moniriviset merkkijonot on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Vanha tapa
Ennen mallimerkkijonoja monirivinen merkkijono vaati eksplisiittisiä rivinvaihdon ohjausmerkkejä tai merkkijonojen yhdistämistä eri riveillä. Tämä oli monisanaista ja altista virheille.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Mallimerkkijonot voivat ulottua useille riveille
Kenoviivamerkeillä kirjoitettu mallimerkkijono voi sisältää lähdekoodissa oikeita rivinvaihtoja. Jokaisesta kirjoittamastanne rivinvaihdosta tulee rivinvaihto merkkijonoon.
Suoritettava esimerkki tuottaa saman tulosteen ohjausmerkkejä käyttämällä.
const text = "First\nSecond\nThird"
console.log(text)Tyhjät merkit säilyvät
Monirivisen mallin sisällä olevat sisennykset ja välilyönnit säilytetään täsmälleen kirjoitetussa muodossa. Tämä on tärkeää muotoiltua tulostetta muodostettaessa.
const block = " indented\n more indented"
console.log(block)Kappaleiden muodostaminen
Moniriviset merkkijonot sopivat tekstikappaleisiin, sähköpostiviesteihin tai mallipohjiin. Tässä kokoamme lyhyen viestin.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Rivien laskeminen
Monirivisen merkkijonon voi jakaa rivinvaihtomerkin kohdalta yksittäisten rivien laskemista tai käsittelyä varten.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Yhdistäminen moniriviseksi merkkijonoksi
Rivitaulukon voi yhdistää rivinvaihtoa erottimena käyttäen, jolloin muodostuu ohjelmallisesti monirivinen merkkijono.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Yhdistäminen interpolointiin
Moniriviset mallit voivat sisältää myös paikanvaraajia, jolloin dynaamiset arvot ja rivinvaihdot yhdistyvät. Esimerkissä tulos näytetään yhdistämistä käyttämällä.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Sarkaimet ja erikoismerkit
Voitte lisätä sarkainmerkkejä sarkaimen ohjausmerkillä myös monirivisiin merkkijonoihin sarakkeiden kohdistamista varten.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Ylimääräisten rivien poistaminen
Monirivisiin merkkijonoihin voi joskus tulla alkuun tai loppuun tyhjiä rivejä. trim-metodi poistaa ympäröivät tyhjät merkit, myös rivinvaihdot.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Kooditekstin muodostaminen
Moniriviset merkkijonot sopivat lähdekoodikatkelmien tai määritysten tuottamiseen tekstimuodossa.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Rivipituuden huomioiminen
Muistakaa, että monirivinen malli sisältää jokaisen kirjoittamanne rivinvaihdon. Tahattomat rivinvaihdot voivat lisätä odottamattomia tyhjiä merkkejä, joten muotoilkaa teksti tarkoituksella.
const a = "no break here and here"
console.log(a.length)Pikatarkistus
Testatkaa, miten hyvin ymmärrätte monirivisiä merkkijonoja.
Yhteenveto
Yhteenveto: Mallimerkkijonot mahdollistavat aidosti monirivisen tekstin.
- Lähdekoodin rivinvaihdoista tulee merkkijonon rivinvaihtoja
- Tyhjät merkit säilytetään täsmälleen
- Yhdistäkää interpolointi dynaamisten tekstilohkojen muodostamiseen
- Käsitelkää rivejä split- ja join-metodeilla
console.log("Line A\nLine B")
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 59
- Oppitunnit
- 200
Usein kysytyt kysymykset
Onko oppitunti ”Moniriviset merkkijonot” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Moniriviset merkkijonot”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Moniriviset merkkijonot”?
Kirjoittakaa luettavaa monirivistä tekstiä ilman escape-merkkejä. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.
Kuinka kauan ”Moniriviset merkkijonot”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?
Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Merkkijonojen interpoloinnin perusteet
- Moniriviset merkkijonot
- Tagitetut template-funktiot
- Tagitettujen templatejen käytännön käyttötapaukset