Jak utworzyć funkcję mapy dla obiektów w JavaScript
- Jak utworzyć funkcję mapy dla obiektów w JavaScript
- Utwórz funkcję mapy i wyświetl atrybuty
- Tworzenie funkcji mapy i przypisuj wartości za pomocą mapy.set () w JavaScript
- Obiekt.Metoda wpisów () w JavaScript
Jak utworzyć funkcję mapy dla obiektów w JavaScript?
JavaScript zapewnia metodę map () dla obiektów, które działają z parą wartości kluczowej. Jest cenny do wykonywania różnych operacji na obiektach poprzez wykorzystanie kluczowych wartości. Działa podobnie do tablicy.metoda map () poprzez iterowanie elementów obiektu. Rozważając funkcję MAP dla obiektów, składnia jest zapisywana w następujący sposób.
Składnia
mapa (funkcja (element, indeks)W tej składni, funkcjonować Itera nad element przez indeks wartość.
Notatka: mapa() Metoda nie tworzy nowego obiektu, ale modyfikuje istniejący obiekt za pośrednictwem wartości indeksu.
Przykład 1: Utwórz funkcję mapy i wyświetl atrybuty
Przykład jest dostosowany do utworzenia funkcji mapy i przypisania różnych wartości do atrybutów. Metoda map () iteruje wszystkie atrybuty obiektu. Na koniec wyświetl wszystkie atrybuty wraz z ich wartościami w oknie konsoli. Poniższy kod jest praktykowany w następujący sposób:
Kod
konsola.log („Utwórz funkcję mapy dla obiektów”);Niech stad_obj =
„Math_marks”: 80,
„English_marks”: 77,
„Physics_marks”: 90;
Obiekt.Keys (stad_obj).map (funkcja (klucz, wartość)
);
konsola.log (stad_obj);
W tym kodzie:
- Obiekt jest tworzony o nazwie „Stud_obj” i ma różne atrybuty, w tym „Math_marks”, „English_marks” I „Physics_marks”.
- Te atrybuty zawierają inne „80, 77 i 90” Wartości przypisane przez okrężnicę.
- Po tym, Obiekt.Klucze są wykorzystywane do zwrócenia atrybutów obiektu „Stud_obj”.
- Mapa() Funkcja wywołuje wszystkie atrybuty obecne w obiekcie za pomocą par kluczowych.
- W końcu konsola.dziennik() Metoda jest stosowana do wyświetlania obiektu „Stud_obj” W oknie konsoli.
Wyjście
Wyjście zwraca wszystkie atrybuty „Math_marks”, „English_marks” I „Physics_marks” z przypisanymi wartościami w oknie konsoli.
Przykład 2: Utwórz funkcję mapy i przypisz wartości
Przykład służy do utworzenia nowego obiektu mapy za pomocą nowy Słowo kluczowe. Potem mapa.ustawić() Metody są wykorzystywane do przypisywania atrybutów w kodzie JavaScript.
Kod
konsola.log („Utwórz funkcję mapy dla obiektów”);niech map = nowa mapa ();
mapa.set („Harry_id”, 04);
mapa.set („peter_id”, 08);
mapa.set („John_id”, 07);
Niech obj_ids = tablica.z (mapy).Zmniejsz ((obj_ids, [klucz, wartość]) => (
Obiekt.przypisuj (obj_ids, [key]: wartość)
), );
konsola.log (obj_ids);
Wyjaśnienie kodu jest następujące:
- A mapa Obiekt jest tworzony z nowy Słowo kluczowe, które itera nad atrybutami obiektu.
- Potem mapa.ustawić() Metoda jest wykorzystywana przez przypisanie atrybutów „Harry_id”, „Peter_id” I „John_id”.
- Te atrybuty mają unikalne wartości, w tym „04”, „08”, I „07” odpowiednio.
- Ponadto Szyk.z() Metoda zwraca tablicę z mapa obiekt.
- Potem zmniejszyć() Metoda odwoła się OBJ_IDS i wyodrębnia wszystkie atrybuty za pomocą wartości.
- Obiekt.przydzielać() Metoda ustawia wartość specyficzną dla każdego atrybutu za pośrednictwem Klucze.
- Wreszcie konsola.dziennik() Metoda przedstawia wszystkie atrybuty obiekt Przechodząc „OBJ_IDS”.
Wyjście
Przykład 3: Obiekt.Metoda wpisów () w JavaScript
JavaScript zapewnia Obiekt.wpisy () Metoda i zwraca wszystkie atrybuty obiektu na podstawie kluczowa wartość pary. Rozważając Obiekt.wpisy () Metoda, kod jest zapisywany w następujący sposób.
Kod
konsola.log („Utwórz funkcję mapy dla obiektów”);const sport_obj =
Po pierwsze: „krykiet”,
Po drugie: „piłka nożna”,
Po trzecie: „hokej”,
const m = newMap (obiekt.wpisy (sport_obj));
konsola.log (m);
Opis kodu jest następujący:
- Po pierwsze, obiekt „Sports_obj” jest tworzony zawierający różne atrybuty "pierwsza sekunda" I "trzeci".
- Te atrybuty mają różne wartości jako „Cricket”, „Piłka nożna” I "Hokej".
- Potem Obiekt.wpisy () Metoda akceptuje obiekt „Sports_obj” i zwraca wszystkie atrybuty i przechowuje je w zmiennej "M".
- Wreszcie konsola.dziennik() Metoda jest stosowana do przedstawienia listy atrybutów obiektów w oknie konsoli.
Wyjście
Wyjście pokazuje liczbę atrybutów jako „3” i wyświetla wszystkie atrybuty z wartościami w oknie konsoli.
Wniosek
JavaScript zapewnia mapa() metoda tworzenia funkcji mapy do interakcji z właściwościami obiektów. Itera wszystkich atrybutów obiektów, wykorzystując wartości kluczowe. Ponadto mapa.ustawić() Do przypisania atrybutów obiektów wykorzystywane są metody. Ponadto Obiekt.wpisy () Metoda zwraca wszystkie atrybuty obiektu po utworzeniu funkcji mapy w JavaScript. W tym artykule pokazano tworzenie funkcji mapy dla obiektów i wyświetla wszystkie atrybuty obiektów w oknie konsoli.