Converteer Array of Starings naar Array of Numbers in JavaScript

Converteer Array Of Starings Naar Array Of Numbers In Javascript



Terwijl de gegevens in bulk worden verwerkt, kan er een mogelijkheid zijn dat er wat onbruikbare gegevens in de vorm van ongewenste tekens of cijfers zijn. Bijvoorbeeld het sorteren van de data op datatypes. Ook in het geval van het decoderen van gecodeerde gegevens. In dergelijke situaties is het omzetten van een reeks tekenreeksen in een reeks getallen in JavaScript een grote hulp bij het verminderen van de codecomplexiteit en het op de juiste manier gebruiken van de bronnen.

Deze blog demonstreert de benaderingen om de array van een string om te zetten in een array van een nummer met behulp van JavaScript.

Hoe een reeks tekenreeksen converteren/transformeren naar een reeks getallen met behulp van JavaScript?

Om de array van een string om te zetten in een array van een nummer met behulp van JavaScript, implementeert u de onderstaande benaderingen:







  • kaart() ” methode.
  • voorelk() ' en ' duw() ” methoden.
  • verminderen() ' en ' concat() ” methoden.

Laten we de vermelde methoden een voor een demonstreren!



Benadering 1: converteer/transformeer een reeks tekenreeksen naar een reeks getallen met behulp van JavaScript via de map()-methode

De ' kaart() ” methode voert een functie één keer uit voor elk array-item zonder enige wijziging in de standaardarray. Deze methode kan worden toegepast om de tekenreekswaarden in de bijbehorende array eenvoudig om te zetten in een array met getallen.



Syntaxis





reeks. kaart ( func ( huidigewaarde , inhoudsopgave , reeks ) , waarde )

In de hierboven gegeven syntaxis:

  • func ” verwijst naar de functie die moet worden aangeroepen voor elk item in een array.
  • De functieparameters verwijzen naar de index van de huidige waarde in de opgegeven array.
  • waarde ” geeft de waarde aan die aan de functie moet worden doorgegeven.

Voorbeeld
Laten we het volgende voorbeeld bekijken:



< scripttype = 'tekst/javascript' >
laat strArray = [ '10' , 'twintig' , '30' ] ;
troosten. loggen ( 'De gegeven reeks strings is:' , strArray )
laat numArray = strArray. kaart ( Nummer )
troosten. loggen ( 'De reeks getallen wordt:' , numArray ) ;
script >
  • Declareer een reeks strings met de aangegeven waarden en geef deze weer.
  • Pas daarna de ' kaart() 'methode met' Nummer ” als parameter, die de bijbehorende reeks strings in getallen zal omzetten.
  • Geef ten slotte de reeks tekenreeksen weer die in getallen zijn omgezet.

Uitgang

In deze uitvoer is te zien dat de array van de tekenreeks wordt omgezet in getallen.

Benadering 2: converteer/transformeer een reeks tekenreeksen naar een reeks getallen in JavaScript met de methoden forEach() en push()

De ' voorelk() ” methode past een functie toe voor elk element in een array. De ' duw() ” methode wordt gebruikt om aan het begin een item in een array toe te voegen. Deze gecombineerde methoden kunnen worden geïmplementeerd om langs de reeks van de gegeven reeks te itereren, ze om te zetten in getallen en ze in een lege reeks te duwen.

Syntaxis

reeks. voor elk ( functie ( huidig , inhoudsopgave , reeks ) , deze )

Hier:

  • functie : Het is de functie die moet worden aangeroepen voor elk element in een array.
  • huidig : Deze parameter geeft de huidige arraywaarde aan.
  • inhoudsopgave : Het verwijst naar de index van het huidige element.
  • reeks : Het verwijst naar de huidige array.
  • deze : Het komt overeen met de waarde die wordt doorgegeven aan de functie.
reeks. duw ( het1 , het2 )

In deze syntaxis:

  • het1 , en ' het2 ' wijzen naar de items die aan de array moeten worden toegevoegd.

Voorbeeld
Laten we het onderstaande voorbeeld doornemen:

< scripttype = 'tekst/javascript' >
laat strArray = [ 'twintig' , '40' , '60' ] ;
troosten. loggen ( 'De gegeven reeks strings is:' , strArray )
laat numArray = [ ] ;
strArray. voor elk ( snaar => {
numArray. duw ( Nummer ( snaar ) ) ;
} ) ;
troosten. loggen ( 'De reeks getallen wordt:' , numArray ) ;
script >

In de bovenstaande regels code:

  • Initialiseer de array bestaande uit de vermelde tekenreekswaarden en geef deze weer.
  • Maak ook een lege array met de naam ' aantalArr ”.
  • Pas in de volgende stap de ' voorelk() ” methode om langs de waarden van de bijbehorende array te herhalen.
  • Daarna worden de herhaalde waarden in de vorige stap omgezet in getallen via ' Nummer ”.
  • Nu de ' duw() ” methode zal de geconverteerde getallen toevoegen aan de toegewezen lege array, zoals eerder besproken.
  • Geef ten slotte de array weer waaraan de cijfers zijn toegevoegd.

Uitgang

Bovenstaande uitvoer geeft aan dat aan de gewenste eis is voldaan.

Benadering 3: converteer/transformeer een reeks tekenreeksen naar een reeks getallen in JavaScript met behulp van de methodes reduce() en concat()

De ' verminderen() ” methode roept een functie aan voor de elementen in een array om in ruil daarvoor een gereduceerde waarde te geven. De ' concat() ”methode voegt meerdere arrays of tekenreekswaarden samen/voegt deze samen. De combinatie van deze methoden kan de reeks van de tekenreeks doorlopen, de waarden samenvoegen zodat ze worden omgezet in getallen, en ze vervolgens toevoegen aan een afzonderlijke reeks.

Syntaxis

reeks. verminderen ( func ( totaal , Waarde , Inhoudsopgave , reeks ) , waarde )

In deze specifieke syntaxis:

  • func ” verwijst naar de functie die voor elk array-element moet worden aangeroepen.
  • De functieargumenten komen overeen met de index van de huidige waarde in de opgegeven array.
  • waarde ” komt overeen met de waarde die aan de functie is doorgegeven.
matrix1. concat ( snaar )

In de gegeven syntaxis:

  • snaar ” vertegenwoordigt de tekenreekswaarde die moet worden samengevoegd.

Voorbeeld
Het volgende voorbeeld legt het vermelde concept uit:

< scripttype = 'tekst/javascript' >
laat strArray = [ 'vijftien' , '25' , '35' , 'Vier vijf' ] ;
troosten. loggen ( 'De gegeven reeks strings is:' , strArray )
laat numArray = strArray. verminderen ( ( eerst , laatst ) => eerst. concat ( + laatst ) , [ ] )
troosten. loggen ( 'De reeks getallen wordt:' , numArray ) ;
script >

In de bovenstaande regels code:

  • Declareer de array van de opgegeven string en geef deze weer.
  • Pas in de volgende stap de ' verminderen() ' en ' concat() ” methoden als een combinatie.
  • Dit zal resulterend itereren langs de bijbehorende array en de array-items zodanig aaneenschakelen dat ze worden omgezet in getallen.
  • Nu worden de geconverteerde getallen in de vorige stap toegevoegd aan een null-array die wordt weergegeven door ' [ ] ”.
  • Geef ten slotte de reeks toegevoegde nummers weer op de console.

Uitgang

In deze specifieke uitvoer is te zien dat de toegewezen null-array gevuld is met de getallen.

Conclusie

De ' kaart() ” methode, de “ voorelk() ' en ' duw() ” methoden, of de “ verminderen() ' en ' concat() ”-methoden kunnen worden gebruikt om de array van een string te transformeren naar de array van een nummer in JavaScript. De methode map() wijst eenvoudigweg de bijbehorende arraywaarden toe in getallen. Terwijl de andere twee benaderingen itereren langs de reeks van de gegeven reeks, ze omzetten in getallen en de geconverteerde waarden toevoegen aan een toegewezen null-array. In deze zelfstudie wordt uitgelegd hoe u een tekenreeks omzet in een getallenreeks in JavaScript.