TypeScript je silně typovaný jazyk, který nám pomáhá implementovat přísnou kontrolu typu. To znamená, že pokud je proměnné, která přijímá číslo, přiřazena řetězcová hodnota, dojde k chybě za běhu a naopak. Při práci s jazyky se silným typem se někdy vývojáři setkají se situací, kdy potřebují převést řetězec na číslo. Například při zpracování uživatelského vstupu, čtení dat z externího zdroje, provádění matematických operací s číselnými řetězci atd.
Tento blog prozkoumá několik způsobů převodu řetězce na číslo v TypeScriptu na vhodných příkladech.
Jak převedu řetězec na číslo v TypeScript?
V TypeScriptu se pro převod řetězce na číslo používají níže uvedené metody:
Převod řetězce na číslo pomocí konstruktoru čísel
V TypeScriptu je konstruktor Number nejpohodlnějším způsobem převodu řetězců na čísla. Konstruktor Number vezme řetězec jako vstup a vrátí číslo. Zde je příklad:
const str = '42' ;
konzole.log ( 'Původní typ dat:' , typof str ) ;
const num = Číslo ( str ) ;
konzole.log ( 'Převedený typ dat:' , typ č ) ;
Výše uvedený příklad ilustruje:
- Vytvořte řetězec ' str “ s hodnotou “ 42 “.
- Dále použijte „ Typ ” klíčové slovo v rámci “ log() ” pro získání a vytištění typu proměnné “str”.
- Poté pomocí konstruktoru čísel převeďte „ str “ na “ číslo “ a výsledek přiřaďte proměnné “ na jednom “.
- Nakonec vytiskněte typ převedené hodnoty pomocí „ log() funkce “.
Výstup
Výstup ověří, že daný číselný řetězec byl úspěšně převeden na číslo.
Převod řetězce na číslo pomocí parseInt a parseFloat
“ parseInt ' a ' stiskněteFloat Funkce ” se také používají k transformaci datového typu řetězce na datový typ čísla. ' parseInt 'funkce bere řetězec a volitelný' základ ” (pro specifikaci číselného systému) jako vstup a vrátí celé číslo. ' stiskněteFloat Funkce ” vezme řetězec jako vstup a vrátí zlomkové číslo nebo číslo s plovoucí desetinnou čárkou.
Podívejme se na následující příklad kódu pro hlubší pochopení:
const intStr = '42' ;const floatStr = '3,14' ;
konzole.log ( 'Původní typ dat:' , typ intStr ) ;
konzole.log ( 'Původní typ dat:' , typeof floatStr ) ;
const intNum = parseInt ( intStr, 10 ) ;
const floatNum = parseFloat ( floatStr ) ;
konzole.log ( 'Typ převedených dat: ' , typeof intNum ) ;
konzole.log ( 'Typ převedených dat: ' , typ floatNum ) ;
Výše uvedený fragment kódu popisuje:
- Vytvořte dva řetězce' intStr ' a ' floatStr 's hodnotami' 42 ' a ' 14 “, resp.
- Dále použijte „ Typ ” spolu s funkcí “console.log()” pro tisk datových typů daných proměnných.
- Poté použijte „ parseInt ' a ' stiskněteFloat ” funkce pro převod řetězců na čísla a přiřazení výsledků k proměnným “ intNum ' a ' floatNum “, resp.
- Ve výše uvedeném příkladu kódu je použit radix 10, což znamená, že analyzujeme desetinné číslo.
- Nakonec vytiskněte převedené datové typy na konzoli pomocí metody „console.log()“.
Výstup
Výstup zobrazuje původní a převedené datové typy daných hodnot.
Převod řetězce na číslo pomocí operátoru Unary Plus
Další metodou transformace datového typu řetězce na datový typ čísla je unární plus operátor “ + “. V následujícím příkladu je číselný řetězec poskytnut jako vstup pro unární operátor plus, v důsledku toho změní řetězec na číslo:
const str = '42' ;konzole.log ( 'Původní typ dat:' , typof str ) ;
const num = +str;
konzole.log ( 'Převedený typ dat:' , typ č ) ;
V tomto příkladu
- Řetězec ' str “ je vytvořen s hodnotou “ 42 “.
- ' unární plus operátor “ se používá k převodu “ str “ k číslu a výsledek je přiřazen k proměnné “ na jednom “.
- Nakonec zaprotokolujeme převedený datový typ „ na jednom “ do konzole.
Výstup
Výstup ověřuje převod typu z řetězce na číslo.
Závěr
Mnoho vestavěných metod a operátorů se v TypeScript používá k provedení převodu typu řetězec na číslo. Například „Konstruktor čísel“, funkce „parseInt“, funkce „parseFloat“ a operátor „unární plus“ se v TypeScriptu používají pro převody řetězců na čísla. ' Typ Operátor ” nám pomáhá ověřit převedený datový typ. Tento blog demonstroval nejčastěji používané metody a operátory na různých příkladech.