Template literalit ja yleiset merkkijono-operaatiot
Käytä template literaaleja ja keskeisiä merkkijonometodeja; tutustu lyhyesti lukuihin ja Date-perusteisiin
Template literalit ja yleiset merkkijono-operaatiot on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/3. 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ä 3 oppituntia.
Johdanto
Tavoite: Muotoilkaa tekstiä template-literaaleilla ja käyttäkää yksinkertaisia merkkijonometodeja. Tutustukaa sen jälkeen lyhyesti lukuihin ja päivämääriin.
- Template-literaalit
- Tavalliset merkkijono-operaatiot
- Turvallinen pyöristys
- Päivämäärien perusteet
Template-literaalien perusteet
Käyttäkää backtick-merkkejä ja ${}-syntaksia arvojen lisäämiseen suoraan. Myös monirivinen teksti onnistuu helposti.
// 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);
Merkkijonometodien katsaus
Harjoitelkaa metodeja length, trim, toUpperCase, includes, indexOf ja 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));
Tiivis muotoilu
Template-literaalit ovat lyhyempiä ja helpommin luettavia kuin pitkät +-ketjut.
// 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);
Pyöristyksen perusteet
Käyttäkää Math.round-, floor- ja ceil-funktioita kokonaislukuihin. toFixed palauttaa merkkijonon, jossa on kiinteä määrä desimaaleja.
// 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));
Päivämäärien pikakatsaus
Luokaa Date käyttämällä new Date()-ilmaisua. Lukekaa osat getterien avulla ja tulostakaa ISO-muoto vakiomuodossa.
// 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());
Template-literaalien tietovisa
Pikatarkistus: Backtick-merkit ja ${}.
Kertaus
Kertaus: Käytitte template-literaaleja, harjoittelitte keskeisiä merkkijonometodeja, pyöristitte lukuja turvallisesti ja loitte tai tulostitte päivämääriä.
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 ”Template literalit ja yleiset merkkijono-operaatiot” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Template literalit ja yleiset merkkijono-operaatiot”. 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ä 3 oppituntia.
Mitä opin oppitunnilla ”Template literalit ja yleiset merkkijono-operaatiot”?
Käytä template literaaleja ja keskeisiä merkkijonometodeja; tutustu lyhyesti lukuihin ja Date-perusteisiin 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 1/3.
Kuinka kauan ”Template literalit ja yleiset merkkijono-operaatiot”-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
- Template literalit ja yleiset merkkijono-operaatiot
- Luvut — kokonaisluvut, liukuluvut ja Math-perusteet
- Päivämäärät — perusteet, aikavyöhykkeet ja Intl.DateTimeFormat