Converteer een tekenreeks naar een geheel getal in JavaScript

In JavaScript is het heel gebruikelijk dat je merkt dat een getal gevangen zit in een string. Dit kan gebeuren als u te maken heeft met gebruikersinvoer, gegevens uit een bestand leest of werkt met een API van derden. Maar JavaScript biedt verschillende handige methoden om dat getal vrij te maken en om te zetten in een geheel getal. Dit is super handig als je wat wiskunde of vergelijkingen met die cijfers moet doen.

Inhoudsopgave

Benadering 1: Converteer tekenreeks naar een geheel getal met behulp van de parseInt()-methode

De parseInt() methode accepteert de parameter string en radix en converteert deze naar een geheel getal.

Syntaxis:

parseInt( Value, radix ) 

Voorbeeld: In dit geval gebruiken we de JavaScript-methode parseInt() om een ​​tekenreeks naar een geheel getal te converteren.

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

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

Uitleg

De code initialiseert een variabele a> met de string 100, wordt het type afgedrukt voor en na de conversie naar een geheel getal met behulp van parseInt()>

Benadering 2: Converteer tekenreeks naar een geheel getal met behulp van de Number()-methode

De number() methode wordt gebruikt om het primitieve gegevenstype naar een getal te converteren. Als het niet converteerbaar is, retourneert het NAN.

Syntaxis:

Number( value ) 

Voorbeeld: Hier gebruiken we de JavaScript Number()-methode om de tekenreeks naar een geheel getal te converteren.

Javascript
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) ); 

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

Uitleg

De code initialiseert variabelen age> En name> met tekenreekswaarden die respectievelijk de leeftijd en een naam vertegenwoordigen. Vervolgens worden de typen weergegeven voor en na de conversie naar getallen met behulp van Number()> .

Benadering 3: Converteer tekenreeks naar een geheel getal met behulp van de unaire operator

De Unaire operator(+) wordt gebruikt om een ​​string, boolean en niet-string naar een getal te converteren.

Syntaxis:

+operand; 

Voorbeeld:

De unaire operator om een ​​string om te zetten in een getal.

Javascript
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 ); 

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

Uitleg

De code initialiseert variabelen age> , name> , En number> met tekenreekswaarden die respectievelijk de leeftijd, een naam en een constant getal vertegenwoordigen. Vervolgens worden de typen weergegeven voor en na de conversie naar getallen met behulp van de unaire plus-operator +> .

Benadering 4: Converteer tekenreeks naar een geheel getal met behulp van de Math.floor()-methode

De Methode Math.floor(). wordt gebruikt om een ​​string om te zetten in een getal.

Syntaxis:

Math.floor( numStr ) 

Voorbeeld:

De Math.floor() methode wordt gebruikt om een ​​string naar een getal te converteren.

Javascript
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); 

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

Uitleg

Here, parseFloat()> wordt gebruikt om de string te converteren numStr> naar een getal met drijvende komma voordat u dit toepast Math.floor()> . Dit zorgt ervoor dat het resultaat een getal is.

Benadering 5: Converteer tekenreeks naar een geheel getal met behulp van de Bitwise Operator

Met behulp van bitsgewijze operatoren zoals | 0 of < < 0 kan ook op een beknopte manier string-naar-geheel-conversie uitvoeren.

Syntaxis:

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

Voorbeeld: De Bitwise Operator kan ook worden gebruikt om een ​​string in een getal om te zetten.

Javascript
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)); 

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

Benadering 6: Converteer tekenreeks naar een geheel getal met behulp van BigInt() Constructor

De BigInt()-constructor kan worden gebruikt om een ​​string om te zetten in een BigInt-geheel getal. Dit is met name handig bij het omgaan met zeer grote gehele getallen die de maximale veilige limiet voor gehele getallen in JavaScript overschrijden.

Voorbeeld:

JavaScript
// 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 

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

Uitleg

De code initialiseert een variabele numStr> met de tekenreeks 101.45. Vervolgens wordt een bitsgewijze OR-bewerking gebruikt ( |> ) om impliciet te converteren numStr> naar een geheel getal, waarbij het decimale gedeelte wordt afgekapt. Ten slotte wordt het type weergegeven numInt> voor en na de conversie.

Foutafhandeling bij het converteren van tekenreeksen naar gehele getallen in JavaScript

Bij het converteren van tekenreeksen naar gehele getallen is het van cruciaal belang om potentiële fouten af ​​te handelen om ervoor te zorgen dat uw code correct functioneert. Hier volgen enkele veelvoorkomende fouten en hoe u deze kunt oplossen:

  • Niet-numerieke tekens: Als de string niet-numerieke tekens bevat, parseInt()> En Number()> zou kunnen terugkeren NaN> (Geen nummer). U kunt dit controleren met behulp van isNaN()> en op een elegante manier omgaan met ongeldige invoer.
  • Voorloop- en volgspatie: Witruimte aan het begin of einde van de tekenreeks kan door sommige methoden worden genegeerd. Gebruik methoden zoals trim()> om witruimte vóór de conversie te verwijderen.
  • Radix-problemen: Het opgeven van de verkeerde radix in parseInt()> kan tot onverwachte resultaten leiden. Valideer de radix op basis van de context (gebruik bijvoorbeeld radix 16 voor hexadecimale tekenreeksen).
  • Overloop en onderloop: Het converteren van zeer grote of zeer kleine getallen kan leiden tot overloop of onderloop. Overweeg het gebruik van bibliotheken zoals bignumber.js> om getallen buiten het eigen bereik van JavaScript te verwerken.

Converteer een tekenreeks naar een geheel getal in JavaScript-gebruiksscenario's

1. JavaScript-programma om datum naar getal te converteren

Het JavaScript Datum object wordt gebruikt om datums en tijden op te halen. Het helpt bij het opmaken van de datums. Wij kunnen gebruik maken van de nieuw trefwoord om een ​​object voor Datum te maken. Om een ​​datum naar een getal te converteren, gebruiken we de krijg tijd() methode .

2. Hoe converteer je een string naar een geheel getal zonder de functie parseInt() in JavaScript te gebruiken?

Om een ​​string om te zetten in een geheel getal zonder parseInt() te gebruiken, kunnen we het volgende gebruiken:

  • Dwang gebruiken
  • De ... gebruiken Getal() functie
  • De ... gebruiken unaire + operator
  • Gebruik makend van Wiskundige floor() Methode
  • Gebruik makend van Functie Math.ceil().

3. Hoe kan ik een tekenreeks van een willekeurige grondtal converteren naar een geheel getal in JavaScript?

We zouden een methode (of een functie) kunnen gebruiken die door JavaScript wordt geleverd, genaamd as parseInt().

JavaScript is vooral bekend vanwege de ontwikkeling van webpagina's, maar wordt ook gebruikt in een verscheidenheid aan niet-browseromgevingen. Je kunt leren JavaScript van de grond af aan door dit te volgen JavaScript-zelfstudie En JavaScript-voorbeelden .