Ce blog démontrera le concept de transformation d'un tableau à définir en JavaScript.
Comment convertir le tableau pour régler en javascript?
Pour convertir le tableau à régler en JavaScript, les méthodes suivantes peuvent être appliquées:
Dans la section ci-dessous, nous illustrons les approches mentionnées une par une!
Méthode 1: Convertissez le tableau à régler dans JavaScript à l'aide des méthodes MAP () et ADD ()
Le "carte()«La méthode appelle une fonction une fois pour chaque élément dans un tableau sans modifier le tableau d'origine et le« «ajouter()«La méthode est utilisée pour ajouter un élément avec la valeur spécifiée. Ces méthodes peuvent être implémentées pour cartographier chaque élément de tableau dans un ensemble en y passant une valeur.
Syntaxe
déployer.map (fonction (currentValue, index, array), valeur)Dans la syntaxe donnée, "fonction»Fait référence à la fonction à exécuter pour chaque élément de tableau. Les arguments de fonction se réfèrent à l'index de la valeur actuelle dans le tableau spécifique et le ««valeur”Pointe la valeur qui est transmise à la fonction.
L'exemple suivant indiqué ci-dessous démontre le concept déclaré.
Exemple
Dans cet exemple particulier, déclarez un tableau d'entiers et affichez-le comme suit:
Dans l'étape suivante, le «Nouveau set ()«La méthode entraînera la création d'un nouvel ensemble:
var set = new set ();Après cela, le «carte()" et "ajouter()«Les méthodes mlèrent les éléments du tableau dans l'ensemble nouvellement créé et le« «pour chaque()«La méthode garantira que le mappage est effectué pour chacun des éléments du tableau:
déployer.map (arrayelements => set.Add (ArrayElements));Sortir
Méthode 2: Convertissez le tableau à régler dans JavaScript en utilisant la méthode Reduce ()
Le "réduire()»La méthode exécute une fonction pour les éléments du tableau afin de renvoyer une valeur compressée. Cette méthode peut être appliquée en passant la valeur se référant aux éléments du tableau à l'ensemble créé.
Syntaxe
déployer.Réduire (fonction (total, valeur, index, tableau), valeur)La syntaxe du «carte()"Méthode et le"réduire()"La méthode est la même. Le paramètre supplémentaire «total» ici indique la valeur de fonction précédemment renvoyée.
Présentation de l'exemple donné ci-dessous.
Exemple
Tout d'abord, créez un tableau des valeurs entières et chaînes suivantes et affichez-la:
Ensuite, créez également un nouvel ensemble en utilisant le «Nouveau set ()" méthode:
var set = new set ();Maintenant, appliquez le «réduire()"Méthode et transmettez la valeur"article" au "ajouter()»Méthode se référant à l'ensemble créé. Cela se traduira par la compression du tableau créé dans les valeurs de définition individuelle:
déployer.réduire ((_, élément) => set.ajouter (élément), null);Le "pour chaque()«La méthode effectuera également la conversion pour chacun des élément de tableau:
ensemble.foreach (item =>Sortir
Méthode 3: Convertissez le tableau à régler dans JavaScript à l'aide de l'opérateur Spread ()
L'ES6 "Spread Operator (…)"Est utilisé pour copier tout ou partie d'un tableau existant dans un autre tableau. Cette approche peut être mise en œuvre pour déballer les valeurs d'ensemble accumulées dans un tableau nouvellement créé.
Exemple
Dans l'exemple suivant, définissez un tableau ayant les valeurs de chaîne suivantes et affichez-la:
Comme discuté précédemment, créez un nouvel ensemble ayant le tableau initialisé comme argument:
const set = nouveau set (array);Maintenant, appliquez le «diffuser”Opérateur sur l'ensemble créé qui entraînera l'accumulation des éléments définis dans un tableau à nouveau:
const updAdArray = [… set];L'étape suivante conduira à afficher les éléments définis contenus dans un tableau:
console.Log ("Le tableau converti en set est:", UpdArray);Sortir
Dans la sortie ci-dessus, il est évident que les valeurs définies sont affichées comme un tableau ne laissant ainsi aucune différence après la conversion requise.
Ce blog a expliqué différentes méthodologies pour opter pour la conversion d'un tableau pour définir JavaScript.
Conclusion
Pour convertir un tableau pour régler en JavaScript, appliquez le «carte()" et "ajouter()”Méthodes pour cartographier chaque élément de tableau dans l'ensemble nouvellement créé en passant une valeur, le«réduire()«Méthode pour compresser le tableau créé en valeurs de définition individuelle ou«diffuser()»Approche de l'opérateur pour accumuler le tableau créé dans l'ensemble nouvellement créé et les afficher à nouveau sous forme de tableau. Cet article a démontré les approches pour convertir un tableau pour régler en JavaScript.