Strenger over flere linjer
Skriv lesbar tekst over flere linjer uten escape-tegn.
Strenger over flere linjer er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.
Den gamle måten
Før template literals krevde en streng over flere linjer eksplisitte escape-sekvenser for linjeskift eller konkatenering av strenger på tvers av linjer. Dette var omstendelig og utsatt for feil.
const old = "Line 1\nLine 2\nLine 3"
console.log(old)Template literals går over flere linjer
En template literal som skrives med backticks, kan inneholde faktiske linjeskift i kildekoden. Hvert linjeskift De skriver inn, blir et linjeskift i strengen.
Det kjørbare eksempelet gjenskaper samme resultat ved hjelp av escape-sekvenser.
const text = "First\nSecond\nThird"
console.log(text)Whitespace bevares
Innrykk og mellomrom inne i en template over flere linjer beholdes nøyaktig slik de er skrevet. Dette er viktig når De genererer formatert utskrift.
const block = " indented\n more indented"
console.log(block)Bygge avsnitt
Strenger over flere linjer er nyttige for tekstavsnitt, e-postinnhold eller maler. Her setter vi sammen en kort melding.
const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)Telle linjer
De kan dele en streng over flere linjer ved linjeskift-tegnet for å telle eller behandle individuelle linjer.
const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)Sette sammen en streng over flere linjer
En array med linjer kan settes sammen med et linjeskift som skilletegn for å bygge en streng over flere linjer programmatisk.
const parts = ["one", "two", "three"]
console.log(parts.join("\n"))Kombinere med interpolering
Maler over flere linjer kan også inneholde plassholdere, slik at dynamiske verdier kombineres med linjeskift. Eksempelet bruker konkatenering for å vise resultatet.
const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)Tabulatorer og spesialtegn
De kan inkludere tabulatortegn med escape-sekvensen for tabulatorer, også i strenger over flere linjer, for å justere kolonner.
const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)Fjerne overflødige linjer
Strenger over flere linjer kan noen ganger inneholde tomme linjer i begynnelsen eller slutten. Metoden trim fjerner omkringliggende whitespace, inkludert linjeskift.
const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")Generere kodetekst
Strenger over flere linjer er nyttige når De skal skrive ut kildekodeutdrag eller konfigurasjon som tekst.
const code = "function add(a, b) {\n return a + b\n}"
console.log(code)Vær oppmerksom på linjelengden
Husk at en template over flere linjer inneholder hvert linjeskift De skriver inn. Utilsiktede linjeskift kan føre til uventet whitespace, så formater med hensikt.
const a = "no break here and here"
console.log(a.length)Hurtigsjekk
Test forståelsen Deres av tekst over flere linjer.
Oppsummering
Oppsummering: Template literals tillater ekte tekst over flere linjer.
- Linjeskift i kildekoden blir linjeskift i strengen
- Whitespace bevares nøyaktig
- Kombiner med interpolering for dynamiske blokker
- Bruk split og join til å behandle linjer
console.log("Line A\nLine B")
Lær deg JavaScript med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 59
- Leksjoner
- 200
Ofte stilte spørsmål
Er leksjonen «Strenger over flere linjer» gratis?
Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «Strenger over flere linjer», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Strenger over flere linjer»?
Skriv lesbar tekst over flere linjer uten escape-tegn. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med JavaScript Academy?
Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.
Hvor lang tid tar leksjonen «Strenger over flere linjer»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?
Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Grunnleggende strenginterpolasjon
- Strenger over flere linjer
- Taggede template-funksjoner
- Praktiske bruksområder for taggede templates