ES6 Mapuj tablicę obiektów, aby zwrócić tablicę obiektów z nowymi kluczami

Es6 Mapuj Tablice Obiektow Aby Zwrocic Tablice Obiektow Z Nowymi Kluczami



Podczas pracy z JavaScriptem może zaistnieć potrzeba zmiany kolejności danych na podstawie kluczy. Czasami chcesz zmienić nazwę kluczy obiektów, aby ułatwić pracę z nimi lub uczynić je bardziej czytelnymi i zrozumiałymi, na przykład skracając nazwy kluczy jako „ element ' Do ' elementy ”, „ imię ', Lub ' imię ' Jak ' fNazwa ', i tak dalej.

Ten post zdefiniuje metodę mapowania tablicy obiektów w celu zwrócenia nowej tablicy zawierającej nowe klucze.

Odwzoruj tablicę obiektów, która zwraca nową tablicę obiektów zawierającą nowe klucze

Użyj ' mapa() ”, aby odnieść się do podanego stwierdzenia. Metoda map() służy do iteracji po tablicy i tworzenia nowej tablicy przez dodanie wartości wynikowych podanej funkcji, która wywołuje każdy element w oryginalnej tablicy. Nie zmienia oryginalnej tablicy, ale wyświetla nową z wynikami podanej funkcji.







Składnia



Użyj następującej składni metody map():



mapa ( ( element ) => {

//……

} )

Przykład

Utwórz tablicę obiektów o nazwie „ arrObj ”:





gdzie arrObj = [ { nazwa : 'Paweł' , ID : 3 , wiek : 23 } ,

{ nazwa : „Meyer” , ID : 5 , wiek : 25 } ,

{ nazwa : 'Zgadzam się' , ID : jedenaście , wiek : 27 }

]

Wywołaj metodę map() z kluczami obiektów jako argumentami i funkcją strzałki/wywołania zwrotnego, która wykona się dla każdego elementu tablicy. Tutaj ustawimy klucze „ arrObj ” do nowych klawiszy w funkcji wywołania zwrotnego:

konst newArrayObj = arrObj. mapa ( ( { imię, nazwisko, wiek } ) => ( {

nowy identyfikator : ID,

nowe imie : nazwa,

Nowa epoka : wiek

} ) ) ;

Na koniec wydrukuj nową tablicę z nowymi kluczami na konsoli:



konsola. dziennik ( newArrayObj ) ;

Można zauważyć, że nowa tablica obiektów o nazwie „ newArrayObj ” zawiera „nowe/zaktualizowane klucze” o tych samych wartościach i w zmienionej kolejności:

Wszystko sprowadza się do mapowania tablicy obiektów w celu zwrócenia tablicy obiektów z nowymi kluczami w JavaScript.

Wniosek

Aby zmapować tablicę obiektów w nowej tablicy obiektów z nowymi kluczami, użyj „ mapa() ' metoda. Ta metoda iteruje każdy element tablicy obiektów i daje nową tablicę, wywołując funkcję wywołania zwrotnego z określoną funkcją. W tym poście zdefiniowano procedurę mapowania tablicy obiektów w celu zwrócenia tablicy obiektów z nowymi kluczami.