V JavaScriptu je docela běžné, že se ocitnete s číslem uvězněným uvnitř řetězce. To se může stát, když se zabýváte uživatelským vstupem, čtete data ze souboru nebo pracujete s rozhraním API třetí strany. JavaScript však poskytuje několik užitečných metod, jak toto číslo uvolnit a převést na celé číslo. To je velmi užitečné, když potřebujete s těmito čísly počítat nebo porovnávat.

Obsah

• Přístup 1: Převeďte řetězec na celé číslo pomocí metody parseInt().
• Přístup 2: Převeďte řetězec na celé číslo pomocí metody Number().
• Přístup 3: Převeďte řetězec na celé číslo pomocí unárního operátoru
• Přístup 4: Převeďte řetězec na celé číslo pomocí metody Math.floor().
• Přístup 5: Převeďte řetězec na celé číslo pomocí bitového operátoru
• Zpracování chyb při převodu řetězců na celá čísla v JavaScriptu

Přístup 1: Převeďte řetězec na celé číslo pomocí metody parseInt().

The metodu parseInt(). přijímá řetězec a parametr radix a převádí je na celé číslo.

Syntax:

parseInt( Value, radix ) 

Příklad: V tomto případě používáme metodu JavaScript parseInt() k převodu řetězce na celé číslo.

let a = '100'; console.log('Type of a before conversion: ' + typeof a); console.log('Type of a after conversion: ' + typeof parseInt(a)); 

Type of a before conversion: string Type of a after conversion: number 

Vysvětlení

Kód inicializuje proměnnou a> s řetězcem 100 vypíše svůj typ před a po převodu na celé číslo pomocí parseInt()>

Přístup 2: Převeďte řetězec na celé číslo pomocí metody Number().

The metoda number(). slouží k převodu primitivního datového typu na číslo, pokud není převoditelný, vrací NAN.

Syntax:

Number( value ) 

Příklad: Zde používáme metodu JavaScript Number() k převodu řetězce na celé číslo.

let age = '23'; let name = 'Manya'; console.log(  'Type of name and age before conversion: ',   typeof age, typeof name ); console.log(  'Type of name and age after conversion: ',   typeof Number(age), typeof Number(name) ); 

Type of name and age before conversion: string string Type of name and age after conversion: number number 

Vysvětlení

Kód inicializuje proměnné age> a name> s řetězcovými hodnotami představujícími věk a jméno. Poté zobrazí jejich typy před a po převodu na čísla pomocí Number()> .

Přístup 3: Převeďte řetězec na celé číslo pomocí unárního operátoru

The Unární operátor (+) se používá k převodu řetězce, booleanů a neřetězců na číslo.

Syntax:

+operand; 

Příklad:

The unární operátor převést řetězec na číslo.

let age = '23'; let name = 'Manya'; const number = '100'; console.log(  'Type of name, age and number before conversion: ',   typeof age, typeof name, typeof number ); console.log(  'Type of name, age and number after conversion: ',   typeof +age, typeof +name, typeof +number ); 

Type of name, age and number before conversion: string string string Type of name, age and number after conversion: number number number 

Vysvětlení

Kód inicializuje proměnné age> , name> , a number> s řetězcovými hodnotami představujícími věk, jméno a konstantní číslo. Následně zobrazuje jejich typy před a po převodu na čísla pomocí unárního operátoru plus +> .

Přístup 4: Převeďte řetězec na celé číslo pomocí metody Math.floor().

The Metoda Math.floor(). se používá k převodu řetězce na číslo.

Syntax:

Math.floor( numStr ) 

Příklad:

Metoda Math.floor() se používá k převodu řetězce na číslo.

let numStr = '101.45'; let numInt = Math.floor(parseFloat(numStr));  console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numInt); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Vysvětlení

Here, parseFloat()> se používá k převodu řetězce numStr> na číslo s plovoucí desetinnou čárkou před aplikací Math.floor()> . Tím je zajištěno, že výsledkem je číslo.

Přístup 5: Převeďte řetězec na celé číslo pomocí bitového operátoru

Použití bitových operátorů jako | 0 nebo < < 0 může také provádět převod řetězců na celé číslo stručným způsobem.

Syntax:

numStr | 0; // or numStr  < < 0; 

Příklad: Bitový operátor lze také použít k převodu řetězce na číslo.

let numStr = '101.45'; let numInt = numStr | 0; console.log('Type of Number Before Conversion: '   + typeof numStr);   console.log('Type of Number After Conversion: '   + typeof parseInt(numInt)); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Přístup 6: Převeďte řetězec na celé číslo pomocí BigInt() konstruktoru

Konstruktor BigInt() lze použít k převodu řetězce na celé číslo BigInt. To je užitečné zejména při práci s velmi velkými celými čísly, která překračují maximální bezpečný celočíselný limit v JavaScriptu.

Příklad:

// Example of using BigInt() constructor to convert a string into a BigInt integer let numStr = '12345678901234567890'; let numBigInt = BigInt(numStr); console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numBigInt); console.log(numBigInt); // Nikunj Sonigara 

Type of Number Before Conversion: string Type of Number After Conversion: bigint 12345678901234567890n 

Vysvětlení

Kód inicializuje proměnnou numStr> se strunou 101,45. Poté použije bitovou operaci OR ( |> ) implicitně převést numStr> na celé číslo se zkrácením jeho desetinné části. Nakonec zobrazí typ numInt> před a po konverzi.

Zpracování chyb při převodu řetězců na celá čísla v JavaScriptu

Při převodu řetězců na celá čísla je důležité zpracovat potenciální chyby, aby váš kód fungoval správně. Zde jsou některé běžné chyby a jak je řešit:

• Nečíselné znaky: Pokud řetězec obsahuje jiné než číselné znaky, parseInt()> a Number()> se může vrátit NaN> (Není číslo). Můžete to zkontrolovat pomocí isNaN()> a elegantně zpracovávat neplatné vstupy.
• Úvodní a koncové mezery: Bílé znaky na začátku nebo konci řetězce mohou být některými metodami ignorovány. Použijte metody jako trim()> pro odstranění mezer před převodem.
• Problémy Radix: Zadání nesprávného radixu v parseInt()> může vést k neočekávaným výsledkům. Ověřte radix na základě kontextu (např. pro hexadecimální řetězce použijte radix 16).
• Přetečení a podtečení: Převod velmi velkých nebo velmi malých čísel může vést k přetečení nebo podtečení. Zvažte použití knihoven jako bignumber.js> ke zpracování čísel mimo nativní rozsah JavaScriptu.

Převeďte řetězec na celé číslo v případech použití JavaScriptu

1. JavaScript Program pro převod data na číslo

JavaScript datum objekt se používá k získání dat a časů. Pomáhá při formátování dat. Můžeme použít Nový klíčové slovo pro vytvoření objektu pro Date. Chcete-li převést datum na číslo, použijeme getTime() metoda .

2. Jak převést řetězec na celé číslo bez použití funkce parseInt() v JavaScriptu?

Chcete-li převést řetězec na celé číslo bez použití parseInt(), můžeme použít následující:

• Použití nátlaku
• Za použití Funkce číslo().
• Za použití unární + operátor
• Použitím Math floor() Method
• Použitím Funkce Math.ceil().

3. Jak převést řetězec libovolného základu na celé číslo v JavaScriptu?

Mohli bychom použít metodu (nebo funkci) poskytovanou JavaScriptem nazvanou as parseInt().

JavaScript je nejlépe známý pro vývoj webových stránek, ale používá se také v různých prostředích bez prohlížeče. Můžeš se učit JavaScript od základu tím, že se budete řídit tímto Výukový program JavaScript a Příklady JavaScriptu .