Création de la liste des objets dans JavaScript

Tout en maintenant un enregistrement en JavaScript, nous rencontrons souvent des situations où nous devons inclure les entrées de plusieurs types de données. Par exemple, lorsque nous voulons relier une fonctionnalité par rapport à un attribut spécifique. Dans un tel scénario, la création d'une liste d'objets en JavaScript devient très efficace et flexible dans la déclaration.

Ce blog illustrera la liste des méthodes pour créer des objets en javascript.

Comment créer une liste d'objets en javascript?

Pour créer une liste d'objets en JavaScript, les approches suivantes peuvent être utilisées:

• "pour" boucle
• "pour chaque()" méthode
• "carte()" méthode

Les approches mentionnées seront discutées une par une!

Méthode 1: Créez une liste d'objets en JavaScript en utilisant pour Loop

Le "pour”Une boucle est appliquée pour itérer le long de tous les éléments en spécifiant les numéros de début et de fin ou d'index. Cette technique peut être utilisée pour itérer le long de la liste des objets en spécifiant la longueur du tableau et en affichant simultanément les valeurs.

Regardez l'exemple suivant.

Exemple

Dans l'exemple suivant, nous créerons une liste d'objets nommés «objetlist«Avoir les valeurs suivantes:

Laissez objectList = [
Nom: 'Harry', id: 1, ville: "newyork",
Nom: 'David', id: 2, ville: "Berlin",
Nom: 'John', id: 3, ville: "Londres"
]]

Maintenant, appliquez le «pour"Loop et le"longueur”Propriété pour itérer le long de la liste des objets et imprimer la liste des objets sur la console:

pour (soit i = 0; i < objectList.length; i ++ )
console.log (objectList [i]);

La sortie correspondante sera:

Méthode 2: Créez une liste d'objets en JavaScript en utilisant la méthode ForEach ()

Le "pour chaque()»La méthode appelle une fonction pour chaque élément de tableau. Cette méthode peut être implémentée pour attribuer les objets créés à chaque élément de tableau et l'ajouter à une liste nouvellement créée.

L'exemple suivant explique le concept déclaré.

Exemple

Tout d'abord, créez un tableau nommé «objetlist«Avec les éléments suivants:

var objectList = ["Linux Hint", "Google"];

Ensuite, appliquez le «pour chaque()”Méthode sur le tableau créé pour appeler la fonction spécifiée pour chaque élément de tableau. Ici, "entrée"Dans l'argument de la fonction, fait référence aux valeurs du tableau. Après cela, une liste vide nommée «newobj"Sera déclaré annexé sur la liste des objets. Maintenant, deux propriétés d'objet nommées «taper" et "valeur»Sera créé dans chaque itération; Le type est attribué comme «Site Internet», Et la valeur fait référence à«entrée»(Valeurs du tableau). Par conséquent, une nouvelle liste (NewObj) sera annexée avec les objets et affichée:

objetlist.foreach (fonction (entrée)
var newoBj = ;
newoBj ['type'] = 'site Web';
newoBj ['Value'] = entrée;
console.journal (newoBJ)
);

Sortir

Méthode 3: Créez une liste d'objets en javascript à l'aide de la méthode map ()

Le "carte()»La méthode appelle une fonction une fois pour chaque élément de tableau. Cette méthode peut être implémentée pour cartographier les objets spécifiques aux éléments de tableau et les ajouter à une liste nouvellement créée.

Regardez l'exemple suivant.

Exemple

Tout d'abord, créez un tableau nommé «objetlist«Comme discuté dans la méthode précédente:

var objectList = ["javascript", "java", "python"];

Ensuite, appliquez le «carte()”Méthode afin de cartographier la fonction sur le tableau. Créez également une liste nul nommée "newobj»Et créez deux propriétés d'objet dans chaque itération, comme discuté dans la méthode précédente. Enfin, enregistrez la liste des objets sur la console:

objetlist.map (fonction (entrée)
var newoBj = ;
newoBj ['type'] = 'Langue';
newoBj ['Value'] = entrée;
console.journal (newoBJ)
);

Sortir

Nous avons discuté de toutes les méthodes créatives pour créer une liste d'objets en JavaScript.

Conclusion

Pour créer une liste d'objets en JavaScript, utilisez le «pour”Méthode de boucle pour itérer le long des objets de liste à l'aide de la propriété Longueur, le«pour chaque()«Méthode pour relier les objets nouvellement créés avec les valeurs du tableau et l'ajoutant à une nouvelle liste, ou le«carte()”Méthode pour cartographier la fonction sur le tableau créé afin d'accéder aux éléments du tableau, de les fusionner avec les objets créés et de les ajouter dans la liste des objets. Ce blog a démontré les méthodes pour créer la liste d'un objet en javascript.