Opprette liste over objekter i JavaScript

Opprette liste over objekter i JavaScript
Mens vi opprettholder en post i JavaScript, kommer vi ofte over situasjoner der vi må inkludere oppføringene til flere datatyper. For eksempel, når vi ønsker å relatere noen funksjoner med hensyn til en spesifikk attributt. I et slikt scenario blir det veldig effektivt og fleksibelt å lage en liste over objekter i JavaScript.

Denne bloggen vil illustrere metodene for å opprette objektliste i JavaScript.

Hvordan lage en liste over objekter i JavaScript?

For å lage en liste over objekter i JavaScript, kan følgende tilnærminger brukes:

  • til" Løkke
  • for hver()”Metode
  • kart()”Metode

De nevnte tilnærmingene vil bli diskutert en etter en!

Metode 1: Lag en liste over objekter i JavaScript Bruke for loop

til”Loop brukes på å iterere langs alle elementene ved å spesifisere start- og sluttnummer eller indeks. Denne teknikken kan brukes til å iterere langs listen over objekter ved å spesifisere array -lengden og vise verdiene samtidig.

Se på følgende eksempel.

Eksempel

I det følgende eksempel vil vi lage en liste over objekter som heter “Objektliste”Å ha følgende verdier:

La objektlist = [
Navn: 'Harry', id: 1, by: "NewYork",
Navn: 'David', id: 2, by: "Berlin",
Navn: 'John', id: 3, by: "London"
];

Nå, bruk “til”Loop og“lengde”Eiendom for å iterere langs listeobjektene og skrive ut objektlisten på konsollen:

for (la i = 0; i < objectList.length; i ++ )
konsoll.logg (objektliste [i]);

Tilsvarende utgang vil være:

Metode 2: Lag en liste over objekter i JavaScript ved hjelp av foreach () -metode

for hver()”Metode kaller en funksjon for hvert matriseelement. Denne metoden kan implementeres for å tilordne de opprettede objektene til hvert array -element og legge det til en nyopprettet liste.

Følgende eksempel forklarer det uttalte konseptet.

Eksempel

Først må du lage en matrise som heter “Objektliste”Med følgende elementer:

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

Neste, bruk "for hver()”Metode til den opprettede matrisen for å kalle den spesifiserte funksjonen for hvert arrayelement. Her, “inngang”I funksjonens argument refererer til matriseverdiene. Etter det, en tom liste som heter “Newobj”Vil bli erklært å bli lagt til listen over objekter. Nå, to objektegenskaper som heter “type”Og“verdi”Vil bli opprettet i hver iterasjon; typen er tildelt som "Nettsted”, Og verdien refererer til“inngang”(Array Values). Derfor vil en ny liste (Newobj) bli lagt ved objektene og vist:

Objektliste.foreach (funksjon (oppføring)
var newObj = ;
newobj ['type'] = 'nettsted';
newobj ['verdi'] = oppføring;
konsoll.Logg (Newobj)
);

Produksjon

Metode 3: Lag en liste over objekter i JavaScript ved hjelp av MAP () -metode

kart()”Metode kaller en funksjon en gang for hvert matriseelement. Denne metoden kan implementeres for å kartlegge de spesifikke objektene til matriseelementer og legge dem til en nyopprettet liste.

Se på følgende eksempel.

Eksempel

For det første, lage en matrise som heter “Objektliste”Som diskutert i forrige metode:

var objectList = ["JavaScript", "Java", "Python"];

Neste, bruk "kart()”Metode for å kartlegge funksjonen på matrisen. Opprett også en nullliste som heter "Newobj”Og lag to objektegenskaper i hver iterasjon, som diskutert i forrige metode. Til slutt, logg listen over objekter på konsollen:

Objektliste.kart (funksjon (oppføring)
var newObj = ;
newobj ['type'] = 'språk';
newobj ['verdi'] = oppføring;
konsoll.Logg (Newobj)
);

Produksjon

Vi har diskutert alle de kreative metodene for å lage en liste over objekter i JavaScript.

Konklusjon

For å lage en liste over objekter i JavaScript, bruk "til”Loop -metode for å iterere langs listeobjektene ved hjelp av lengdeegenskapen,“for hver()”Metode for å relatere de nyopprettede objektene med matriseverdiene og legge den til en ny liste, eller“kart()”Metode For å kartlegge funksjonen på den opprettede matrisen for å få tilgang til arrayelementene, slå dem sammen med de opprettede objektene og legg dem til i objektlisten. Denne bloggen demonstrerte metodene for å lage et objekts liste i JavaScript.