Tworzenie listy obiektów w JavaScript

Utrzymując rekord w JavaScript, często spotykamy sytuacje, w których musimy uwzględnić wpisy wielu typów danych. Na przykład, gdy chcemy powiązać jakąś funkcję w odniesieniu do określonego atrybutu. W takim scenariuszu tworzenie listy obiektów w JavaScript staje się bardzo wydajne i elastyczne w deklaracji.

Ten blog ilustruje metody tworzenia listy obiektów w JavaScript.

Jak utworzyć listę obiektów w JavaScript?

Aby utworzyć listę obiektów w JavaScript, można zastosować następujące podejścia:

• "Do" pętla
• "dla każdego()" metoda
• "mapa()" metoda

Wspomniane podejścia zostaną omówione jeden po drugim!

Metoda 1: Utwórz listę obiektów w JavaScript za pomocą pętli

„„Do„Pętla jest stosowana do iteracji wzdłuż wszystkich elementów, określając numery początkowe i końcowe lub indeks. Technikę tę można wykorzystać do iteracji wzdłuż listy obiektów, określając długość tablicy i wyświetlając wartości jednocześnie.

Spójrz na poniższy przykład.

Przykład

W poniższym przykładzie utworzymy listę obiektów o nazwie „Lista obiektowa„Posiadanie następujących wartości:

Niech obiekt LIST = [
Nazwa: „Harry”, id: 1, miasto: „Newyork”,
Nazwa: „David”, id: 2, miasto: „Berlin”,
Nazwa: „John”, id: 3, miasto: „Londyn”
];

Teraz zastosuj „Do”Pętla i„długość„Właściwość, aby iterować obiekty listy i wydrukować listę obiektów na konsoli:

dla (niech i = 0; i < objectList.length; i ++ )
konsola.log (lista obiektów [i]);

Odpowiednie wyjście będzie:

Metoda 2: Utwórz listę obiektów w JavaScript za pomocą metody foreach ()

„„dla każdego()”Metoda wywołuje funkcję dla każdego elementu tablicy. Tę metodę można zaimplementować, aby przypisać utworzone obiekty do każdego elementu tablicy i dołączyć ją do nowo utworzonej listy.

Poniższy przykład wyjaśnia podaną koncepcję.

Przykład

Najpierw utwórz tablicę o nazwie „Lista obiektowa”Z następującymi elementami:

var objectlist = [„Linux wskazówka”, „Google”];

Następnie zastosuj „dla każdego()„Metoda do utworzonej tablicy, aby wywołać określoną funkcję dla każdego elementu tablicy. Tutaj, "wejście”W argumencie funkcji odnosi się do wartości tablicy. Następnie pusta lista o nazwie „Newobj”Zostanie ogłoszone jako dołączone do listy obiektów. Teraz dwie właściwości obiektów nazwane „typ" I "wartość„Zostanie utworzony w każdej iteracji; Typ jest przypisany jako „Strona internetowa”, A wartość odnosi się do„wejście”(Wartości tablicy). Dlatego nowa lista (newOBJ) zostanie dołączona do obiektów i wyświetlona:

Lista obiektowa.foreach (funkcja (enter)
var newOBJ = ;
newOBJ ['type'] = 'strona internetowa;
newOBJ ['value'] = end;
konsola.Log (newobj)
);

Wyjście

Metoda 3: Utwórz listę obiektów w JavaScript za pomocą metody map ()

„„mapa()”Metoda wywołuje funkcję raz dla każdego elementu tablicy. Tę metodę można zaimplementować w celu mapowania określonych obiektów do elementów tablicy i dołączenia do nowo utworzonej listy.

Spójrz na poniższy przykład.

Przykład

Po pierwsze, utwórz tablicę o nazwie „Lista obiektowa”Jak omówiono w poprzedniej metodzie:

var objectlist = [„JavaScript”, „Java”, „Python”];

Następnie zastosuj „mapa()”Metoda w celu zmapowania funkcji w tablicy. Utwórz także listę zerową o nazwie „Newobj”I utwórz dwie właściwości obiektów w każdej iteracji, jak omówiono w poprzedniej metodzie. Na koniec zaloguj się listę obiektów na konsoli:

Lista obiektowa.map (funkcja (enter)
var newOBJ = ;
newOBJ ['type'] = 'język';
newOBJ ['value'] = end;
konsola.Log (newobj)
);

Wyjście

Omówiliśmy wszystkie kreatywne metody tworzenia listy obiektów w JavaScript.

Wniosek

Aby utworzyć listę obiektów w JavaScript, użyj „Do„Metoda pętli, aby iterować obiekty listy za pomocą właściwości długości,„dla każdego()„Metoda powiązania nowo utworzonych obiektów z wartościami tablicy i dołączania do nowej listy lub„mapa()„Metoda mapowania funkcji w utworzonej tablicy w celu uzyskania dostępu do elementów tablicy, scal je z utworzonymi obiektami i dołącz do listy obiektów. Ten blog wykazał metody utworzenia listy obiektu w JavaScript.