Tekniker för explicit typomvandling
Omvandla typer medvetet med Number, String och Boolean.
Tekniker för explicit typomvandling är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 4 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 4 lektioner.
Explicit typomvandling
Explicit typomvandling innebär att avsiktligt ändra en värdetyp med en funktion i stället för att förlita sig på att operatorer omvandlar den. Det gör koden tydligare och säkrare.
console.log(Number("42"))
console.log(String(42))Number-funktionen
Number-funktionen omvandlar ett värde till ett tal. Numeriska strängar omvandlas korrekt, medan icke-numeriska strängar blir NaN.
console.log(Number("3.14"))
console.log(Number(" 10 "))
console.log(Number("abc"))Specialfall för Number
Number behandlar en tom sträng och värdet null som noll, men undefined blir NaN. Om du känner till dessa specialfall kan du undvika fel.
console.log(Number(""))
console.log(Number(null))
console.log(Number(undefined))parseInt
parseInt läser ett heltal från början av en sträng och stannar vid det första icke-numeriska tecknet. Den ignorerar efterföljande text.
console.log(parseInt("42px"))
console.log(parseInt("3.99"))
console.log(parseInt("abc"))Radix för parseInt
Ange alltid en radix till parseInt för att deklarera talbasen. Använd 10 för vanlig decimal tolkning för att undvika tvetydighet.
console.log(parseInt("0x1F", 16))
console.log(parseInt("101", 2))
console.log(parseInt("08", 10))parseFloat
parseFloat läser ett flyttal från början av en sträng och behåller decimaldelen som parseInt skulle ha tagit bort.
console.log(parseFloat("3.14m"))
console.log(parseFloat("1.5e3"))String-funktionen
String-funktionen omvandlar alla värden till deras textrepresentation, inklusive null och undefined, som blir orden null och undefined.
console.log(String(123))
console.log(String(true))
console.log(String(null))toString-metoden
De flesta värden har en toString-metod, som kan ta emot en radix för tal och skapa text i binär eller hexadecimal form.
console.log((255).toString(16))
console.log((5).toString(2))Boolean-funktionen
Boolean-funktionen omvandlar ett värde enligt reglerna för truthy och falsy och returnerar uttryckligen true eller false.
console.log(Boolean(1))
console.log(Boolean(""))
console.log(Boolean("no"))Välja rätt verktyg
Använd Number för numerisk omvandling av hela strängar, parseInt eller parseFloat för att extrahera tal ur blandad text och String eller toString för textutdata.
console.log(Number("100"))
console.log(parseInt("100 dollars", 10))Validera omvandlingar
När du har omvandlat ett värde till ett tal bör du kontrollera med Number.isNaN att omvandlingen lyckades innan du använder resultatet.
const raw = "x9"
const n = Number(raw)
if (Number.isNaN(n)) {
console.log("invalid number")
}Snabbtest
Testa dina kunskaper om typomvandling.
Sammanfattning
Sammanfattning: Omvandla typer uttryckligen för tydlighetens skull.
- Number omvandlar hela strängar; icke-numeriska strängar blir NaN
- parseInt och parseFloat extraherar inledande tal
- Ange alltid en radix till parseInt
- String och Boolean omvandlar till text respektive booleska värden
console.log(Number("7"))
console.log(String(7))
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Tekniker för explicit typomvandling” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Tekniker för explicit typomvandling”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”Tekniker för explicit typomvandling”?
Omvandla typer medvetet med Number, String och Boolean. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.
Hur lång tid tar lektionen ”Tekniker för explicit typomvandling”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Truthy- och falsy-värden
- Lös jämställdhet jämfört med strikt jämställdhet
- Implicit typomvandling i operationer
- Tekniker för explicit typomvandling