Template literals og almindelige strengoperationer
Brug template literals og vigtige strengmetoder; få en hurtig introduktion til tal og det grundlæggende i Date.
Template literals og almindelige strengoperationer er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 1 af 3. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 3 lektioner i alt.
Introduktion
Mål: Formatér tekst med skabelonstrenge, og brug enkle strengmetoder. Se derefter en kort introduktion til tal og datoer.
- Skabelonstrenge
- Almindelige strengoperationer
- Sikker afrunding
- Grundlæggende om datoer
Grundlæggende om skabelonstrenge
Brug backticks og ${} til at indsætte værdier direkte. Tekst over flere linjer er også nemt.
// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;
console.log(msg);
const lines = `Line 1
Line 2`;
console.log(lines);
Gennemgang af strengmetoder
Øv dig i length, trim, toUpperCase, includes, indexOf og slice.
// Common string methods on a small example
const title = " JavaScript Basics ";
console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
Kort formatering
Skabelonstrenge er kortere og lettere at læse end lange kæder med +.
// Concatenation with + versus template literals
const user = "Mina";
const points = 12;
const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;
console.log(viaPlus);
console.log(viaTpl);
Grundlæggende om afrunding
Brug Math.round, floor og ceil til heltal. toFixed returnerer en string med et fast antal decimaler.
// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;
const total = price * qty;
console.log("Total raw:", total);
console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));
// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
Kort gennemgang af Date
Opret en Date med new Date(). Læs dele med gettere, og udskriv ISO i et standardformat.
// Date basics: now, parts, and ISO output
const now = new Date();
console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
Quiz om skabelonstrenge
Hurtigt tjek: Backticks og ${}.
Opsummering
Opsummering: Du brugte skabelonstrenge, øvede dig i vigtige strengmetoder, afrundede tal sikkert og oprettede og udskrev datoer.
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “Template literals og almindelige strengoperationer” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Template literals og almindelige strengoperationer”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 3 lektioner i alt.
Hvad lærer jeg i “Template literals og almindelige strengoperationer”?
Brug template literals og vigtige strengmetoder; få en hurtig introduktion til tal og det grundlæggende i Date. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 3.
Hvor lang tid tager lektionen “Template literals og almindelige strengoperationer”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Template literals og almindelige strengoperationer
- Tal — heltal kontra decimaltal og det vigtigste i Math
- Datoer — grundlæggende funktioner, tidszoner og Intl.DateTimeFormat