- Jak utworzyć funkcję mapowania dla obiektów w JavaScript?
- Utwórz funkcję mapy i wyświetl atrybuty
- Tworzenie funkcji mapowania i przypisywanie wartości za pomocą map.set() w JavaScript
- Metoda Object.entries() w JavaScript
Jak utworzyć funkcję mapy dla obiektów w JavaScript?
JavaScript udostępnia metodę map() dla obiektów, która działa z parą klucz-wartość. Jest to cenne przy wykonywaniu różnych operacji na obiektach przy użyciu kluczowych wartości. Działa podobnie do metody array.map(), iterując po elementach obiektu. Biorąc pod uwagę funkcję mapy dla obiektów, składnia jest napisana w następujący sposób.
Składnia
mapa ( funkcjonować ( element, indeks )
W tej składni funkcjonować iteruje przez element przez indeks wartość.
Notatka : mapa() Metoda nie tworzy nowego obiektu, ale modyfikuje istniejący obiekt poprzez wartości indeksu.
Przykład 1: Utwórz funkcję mapy i wyświetl atrybuty
Przykład jest przystosowany do tworzenia funkcji mapowania i przypisywania różnych wartości atrybutom. 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. dziennik ( „Utwórz funkcję mapy dla obiektów” ) ;niech Stud_Obj = {
„Matematyka_Znaki” : 80 ,
'Angielskie znaki' : 77 ,
„Fizyka_Znaki” : 90 } ;
Obiekt . Klucze ( Stud_Obj ) . mapa ( funkcjonować ( kluczowa wartość ) {
} ) ;
konsola. dziennik ( Stud_Obj ) ;
W tym kodzie:
- Tworzony jest obiekt o nazwie „Stud_Obj” i ma różne atrybuty, w tym „Math_Marks”, „English_Marks” oraz „Fizyka_Znaki”.
- Te atrybuty zawierają różne „80, 77 i 90” wartości przypisane przez dwukropek.
- Po tym, Klawisze obiektowe są wykorzystywane do zwracania atrybutów obiektu „Stud_Obj”.
- Mapa() Funkcja wywołuje wszystkie atrybuty obecne w obiekcie za pomocą par klucz-wartość.
- W końcu konsola.log() metoda jest wykorzystywana do wyświetlania obiektu „Stud_Obj” w oknie konsoli.
Wyjście
Wyjście zwraca wszystkie atrybuty „Math_Marks”, „English_Marks” oraz „Fizyka_Znaki” z przypisanymi im wartościami w oknie konsoli.
Przykład 2: Utwórz funkcję mapowania i przypisz wartości
Przykład służy do tworzenia nowego obiektu mapy za pomocą Nowy słowo kluczowe. Po tym mapa.zestaw() metody są wykorzystywane do przypisywania atrybutów w kodzie JavaScript.
Kod
konsola. dziennik ( „Utwórz funkcję mapy dla obiektów” ) ;niech mapa = Nowy Mapa ( ) ;
mapa. ustawić ( „Harry_id” , 04 ) ;
mapa. ustawić ( „Piotr_id” , 08 ) ;
mapa. ustawić ( „Jan_id” , 07 ) ;
niech obj_ids = Szyk . z ( mapa ) . redukować ( ( obj_ids, [ kluczowa wartość ] ) => (
Obiekt . przydzielać ( obj_ids, { [ klucz ] : wartość } )
) , { } ) ;
konsola. dziennik ( obj_ids ) ;
Wyjaśnienie kodu jest następujące:
- A mapa obiekt jest tworzony za pomocą Nowy słowo kluczowe, które iteruje po atrybutach obiektu.
- Po tym mapa.zestaw() metoda jest wykorzystywana przez przypisanie atrybutów „Harry_id” , „Identyfikator Piotra” oraz „Jan_id”.
- Te atrybuty mają unikalne wartości, w tym „04”, „08”, oraz „07” odpowiednio.
- Ponadto Tablica.z() metoda zwraca tablicę z mapa obiekt.
- Po tym redukować() metoda odwołuje obj_ids i wyodrębnia wszystkie atrybuty za pomocą wartości .
- The Obiekt.przypisz() metoda ustawia konkretną wartość dla każdego atrybutu poprzez Klucze .
- Wreszcie konsola.log() metoda prezentuje wszystkie atrybuty obiekt mijając po drodze „obj_id” .
Wyjście
Przykład 3: Metoda Object.entries() w JavaScript
JavaScript zapewnia Obiekt.wpisy() metody i zwraca wszystkie atrybuty obiektu na podstawie kluczowa wartość pary. Biorąc pod uwagę Obiekt.wpisy() metody, kod jest napisany w następujący sposób.
Kod
konsola. dziennik ( „Utwórz funkcję mapy dla obiektów” ) ;stały sport_obj = {
pierwszy : 'Krykiet' ,
druga : 'Piłka nożna' ,
trzeci : 'Hokej' ,
}
stały m = nowaMapa ( Obiekt . wpisy ( sport_obj ) ) ;
konsola. dziennik ( m ) ;
Opis kodu jest następujący:
- Po pierwsze, przedmiot „obiekt_sportowy” jest tworzony z różnymi atrybutami 'pierwsza sekunda' oraz 'trzeci'.
- Te atrybuty mają różne wartości, jak „Krykiet”, „Piłka nożna” oraz 'Hokej'.
- Po tym Obiekt.wpisy() metoda akceptuje obiekt „obiekt_sportowy” i zwraca wszystkie atrybuty i przechowuje je w zmiennej 'm'.
- Wreszcie konsola.log() Metoda służy do prezentacji listy atrybutów obiektów w oknie konsoli.
Wyjście
Dane wyjściowe pokazują 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. Iteruje po wszystkich atrybutach obiektów, wykorzystując kluczowe wartości. Ponadto mapa.zestaw() metody są wykorzystywane do przypisywania atrybutów obiektów. Co więcej, Obiekt.wpisy() Metoda zwraca wszystkie atrybuty obiektu po utworzeniu funkcji mapującej w JavaScript. W tym artykule przedstawiono tworzenie funkcji mapowania dla obiektów i wyświetlanie wszystkich atrybutów obiektów w oknie konsoli.