Ce blog démontrera les approches pour transformer le tableau d'une chaîne en un tableau de nombres à l'aide de JavaScript.
Comment convertir/transformer un tableau de chaînes en tableau de nombres à l'aide de JavaScript ?
Pour transformer un tableau de chaînes en tableau de nombres à l'aide de JavaScript, implémentez les approches ci-dessous :
- ' carte() ' méthode.
- ' pour chaque() ' et ' pousser() ” méthodes.
- ' réduire() ' et ' concat() ” méthodes.
Démontrons les méthodes énoncées une par une !
Approche 1 : convertir/transformer un tableau de chaînes en tableau de nombres à l'aide de JavaScript via la méthode map()
La ' carte() ” La méthode exécute une fonction une fois pour chaque élément du tableau sans aucun changement dans le tableau par défaut. Cette méthode peut être appliquée pour mapper simplement les valeurs de chaîne du tableau associé dans un tableau de nombres.
Syntaxe
déployer. carte ( fonction ( valeur_courante , indice , déployer ) , évaluer )
Dans la syntaxe ci-dessus :
- ' fonction ” fait référence à la fonction qui doit être appelée pour chaque élément d'un tableau.
- Les paramètres de la fonction font référence à l'index de la valeur actuelle dans le tableau spécifié.
- ' évaluer ” indique la valeur qui doit être passée à la fonction.
Exemple
Passons en revue l'exemple suivant :
< type de scénario = 'texte/javascript' >
laisser strArray = [ 'dix' , 'vingt' , '30' ] ;
console. Journal ( 'Le tableau de chaînes donné est :' , strArray )
laissez numTableau = strArray. carte ( Numéro )
console. Journal ( 'Le tableau de nombres devient :' , numTableau ) ;
scénario >
- Déclarez un tableau de chaînes ayant les valeurs indiquées et affichez-le.
- Après cela, appliquez le ' carte() « méthode ayant » Numéro ” comme paramètre, qui transformera le tableau de chaînes associé en nombres.
- Enfin, affichez le tableau de chaînes converties en nombres.
Production
Dans cette sortie, on peut voir que le tableau de la chaîne est converti en nombres.
Approche 2 : convertir/transformer un tableau de chaînes en tableau de nombres en JavaScript à l'aide des méthodes forEach() et push()
La ' pour chaque() ” La méthode applique une fonction pour chaque élément d'un tableau. La ' pousser() ” La méthode est utilisée pour ajouter un élément dans un tableau au début. Ces méthodes combinées peuvent être implémentées pour parcourir le tableau de la chaîne donnée, les convertir en nombres et les pousser dans un tableau vide.
Syntaxe
déployer. pour chaque ( fonction ( courant , indice , déployer ) , cette )Ici:
- fonction : C'est la fonction qui doit être appelée pour chaque élément d'un tableau.
- courant : Ce paramètre signifie la valeur actuelle du tableau.
- indice : Il pointe vers l'index de l'élément courant.
- déployer : Il fait référence au tableau actuel.
- cette : Il correspond à la valeur passée à la fonction.
Dans cette syntaxe :
- ' ça1 , et ' ça2 » pointent vers les éléments qui doivent être ajoutés au tableau.
Exemple
Passons en revue l'exemple ci-dessous :
laisser strArray = [ 'vingt' , '40' , '60' ] ;
console. Journal ( 'Le tableau de chaînes donné est :' , strArray )
laissez numTableau = [ ] ;
strArray. pour chaque ( chaîne de caractères => {
numTableau. pousser ( Numéro ( chaîne de caractères ) ) ;
} ) ;
console. Journal ( 'Le tableau de nombres devient :' , numTableau ) ;
scénario >
Dans les lignes de code ci-dessus :
- Initialisez le tableau composé des valeurs de chaîne indiquées et affichez-le.
- Créez également un tableau vide nommé ' numArr ”.
- À l'étape suivante, appliquez le ' pour chaque() ” pour parcourir les valeurs du tableau associé.
- Après cela, les valeurs itérées à l'étape précédente seront converties en nombres via ' Numéro ”.
- Maintenant le ' pousser() ” ajoutera les nombres convertis dans le tableau vide alloué, comme indiqué précédemment.
- Enfin, affichez le tableau ajouté aux nombres.
Production
La sortie ci-dessus indique que l'exigence souhaitée est remplie.
Approche 3 : convertir/transformer un tableau de chaînes en tableau de nombres en JavaScript à l'aide des méthodes reduce() et concat()
La ' réduire() ” appelle une fonction pour les éléments d'un tableau pour donner une valeur réduite, en retour. La ' concat() ” La méthode concatène/fusionne plusieurs tableaux ou valeurs de chaîne. La combinaison de ces méthodes peut parcourir le tableau de la chaîne, concaténer les valeurs afin qu'elles soient converties en nombres, puis les ajouter dans un tableau séparé.
Syntaxe
déployer. réduire ( fonction ( total , Évaluer , Indice , déployer ) , évaluer )Dans cette syntaxe particulière :
- ' fonction ” fait référence à la fonction qui doit être appelée pour chaque élément du tableau.
- Les arguments de la fonction correspondent à l'index de la valeur actuelle dans le tableau spécifié.
- ' évaluer » correspond à la valeur passée à la fonction.
Dans la syntaxe donnée :
- ' chaîne de caractères ” représente la valeur de chaîne qui doit être concaténée.
Exemple
L'exemple suivant explique le concept énoncé :
laisser strArray = [ 'quinze' , '25' , '35' , 'Quatre cinq' ] ;
console. Journal ( 'Le tableau de chaînes donné est :' , strArray )
laissez numTableau = strArray. réduire ( ( première , dernière ) => première. concat ( + dernière ) , [ ] )
console. Journal ( 'Le tableau de nombres devient :' , numTableau ) ;
scénario >
Dans les lignes de code ci-dessus :
- Déclarez le tableau de la chaîne spécifiée et affichez-le.
- À l'étape suivante, appliquez le ' réduire() ' et ' concat() ” méthodes en combinaison.
- Cela itérera en conséquence le long du tableau associé et concaténera les éléments du tableau de sorte qu'ils soient transformés en nombres.
- Maintenant, les nombres convertis à l'étape précédente seront ajoutés dans un tableau nul représenté par ' [ ] ”.
- Enfin, affichez le tableau des nombres ajoutés sur la console.
Production
Dans cette sortie particulière, on peut voir que le tableau nul alloué est rempli avec les nombres.
Conclusion
La ' carte() » méthode, la « pour chaque() ' et ' pousser() ” méthodes, ou les “ réduire() ' et ' concat() ” Les méthodes peuvent être utilisées pour transformer un tableau de chaînes en un tableau de nombres en JavaScript. La méthode map() mappe simplement les valeurs de tableau associées en nombres. Alors que les deux autres approches parcourent le tableau de la chaîne donnée, les convertissent en nombres et ajoutent les valeurs converties dans un tableau nul alloué. Ce tutoriel a expliqué comment transformer une chaîne en un tableau de nombres en JavaScript.