Hoe converteer ik string naar nummer in TypeScript?

Hoe Converteer Ik String Naar Nummer In Typescript



TypeScript is een sterk getypeerde taal die ons helpt bij het implementeren van strikte typecontrole. Dit betekent dat er een runtime-fout optreedt als een tekenreekswaarde wordt toegewezen aan een variabele die een getal accepteert en vice versa. Bij het werken met sterk getypeerde talen komen ontwikkelaars soms een situatie tegen waarin ze een tekenreeks naar een getal moeten converteren. Bijvoorbeeld bij het verwerken van gebruikersinvoer, het lezen van gegevens van een externe bron, het uitvoeren van wiskundige bewerkingen op numerieke reeksen, enz.

Deze blog onderzoekt verschillende manieren van conversie van tekenreeks naar nummer in TypeScript met behulp van geschikte voorbeelden.







Hoe converteer ik string naar nummer in TypeScript?

In TypeScript worden de onderstaande methoden gebruikt voor een conversie van tekenreeks naar nummer:



Tekenreeks-naar-getalconversie met behulp van nummerconstructor

In TypeScript is de Number-constructor de handigste manier om strings naar getallen te converteren. De Number-constructor neemt een string als invoer en retourneert een getal. Hier is een voorbeeld:



const str = '42' ;
console.log ( 'Oorspronkelijk gegevenstype:' , type str ) ;
const num = Getal ( str ) ;
console.log ( 'Geconverteerd gegevenstype:' , soort num ) ;





Het bovenstaande voorbeeld illustreert:

  • Maak een tekenreeks ' str ” met de waarde “ 42 “.
  • Gebruik vervolgens de ' soort van ' trefwoord binnen de ' logboek() '-functie om het type van de variabele 'str' ​​op te halen en af ​​te drukken.
  • Gebruik daarna de Number-constructor om ' str ' naar een ' nummer ” en wijs het resultaat toe aan de variabele “ op een ”.
  • Druk ten slotte het type van de geconverteerde waarde af met behulp van de ' logboek() ” functie.

Uitgang



De uitvoer verifieert dat de gegeven numerieke reeks succesvol is geconverteerd naar een getal.

Tekenreeks-naar-getalconversie met behulp van parseInt en parseFloat

ontleedInt ' En ' druk op Float ”-functies worden ook gebruikt om het gegevenstype string om te zetten in een gegevenstype getal. De ' ontleedInt ” functie neemt een string en een optionele “ radix ” (om het getalsysteem op te geven) als invoer en retourneert een geheel getal. De ' druk op Float De functie ” neemt een tekenreeks als invoer en retourneert een getal met een breuk of een drijvende komma.

Laten we de volgende voorbeeldcode bekijken voor een goed begrip:

const intStr = '42' ;
const floatStr = '3.14' ;

console.log ( 'Oorspronkelijk gegevenstype: ' , type intStr ) ;
console.log ( 'Oorspronkelijk gegevenstype: ' , type floatStr ) ;

const intNum = parseInt ( intStr, 10 ) ;
const floatNum = parseFloat ( floatStr ) ;

console.log ( 'Geconverteerd gegevenstype: ' , typevan intNum ) ;
console.log ( 'Geconverteerd gegevenstype: ' , type floatNum ) ;

Het bovenstaande codefragment beschrijft:

  • Maak twee strings ' intStr ' En ' floatStr ” met de waarden “ 42 ' En ' 14 “, respectievelijk.
  • Gebruik vervolgens de ' soort van ”-operator samen met de functie “console.log()” om de gegevenstypen van bepaalde variabelen af ​​te drukken.
  • Gebruik daarna de ' ontleedInt ' En ' druk op Float ” functies om de strings om te zetten in getallen en de resultaten toe te wijzen aan de variabelen “ intNum ' En ' floatNum ”, respectievelijk.
  • In de bovenstaande voorbeeldcode wordt een radix van 10 gebruikt, wat aangeeft dat we een decimaal getal ontleden.
  • Druk ten slotte de geconverteerde gegevenstypen op de console af met behulp van de 'console.log()'-methode.

Uitgang

De uitvoer toont de originele en geconverteerde gegevenstypen van de gegeven waarden.

Tekenreeks-naar-getalconversie met behulp van de Unary Plus-operator

Een andere methode om een ​​gegevenstype string om te zetten in een gegevenstype getal is de unaire plus operator + ”. In het volgende voorbeeld wordt een numerieke tekenreeks opgegeven als invoer voor de unaire plus-operator, waardoor de tekenreeks wordt gewijzigd in een getal:

const str = '42' ;
console.log ( 'Oorspronkelijk gegevenstype:' , type str ) ;
const getal = +str;
console.log ( 'Geconverteerd gegevenstype:' , soort num ) ;

In dit voorbeeld

  • Een draad ' str ” wordt gemaakt met de waarde “ 42 “.
  • De ' unaire plus operator ” wordt gebruikt om “ str ' toe aan een getal en het resultaat wordt toegewezen aan de variabele ' op een ”.
  • Ten slotte loggen we het geconverteerde gegevenstype van de “ op een ” naar de console.

Uitgang

De uitvoer verifieert de typeconversie van tekenreeks naar getal.

Conclusie

Veel ingebouwde methoden en operators worden in TypeScript gebruikt om conversie van tekenreeks naar nummer uit te voeren. De 'Number constructor', de 'parseInt' -functie, de 'parseFloat' -functie en de 'unary plus' -operator worden bijvoorbeeld gebruikt in TypeScript voor conversies van tekenreeks naar nummer. De ' soort van ”-operator helpt ons het geconverteerde gegevenstype te verifiëren. Deze blog heeft met verschillende voorbeelden de meest gebruikte methodes en operatoren gedemonstreerd.