#2 JavaScript od Patysia czyli map

#2 JavaScript od Patysia czyli map

Co to map ?

Map to genialna funkcja. Pozwala przerobić elementy tablicy i zwrócić całkiem nową – odmienioną. Potrzebujesz dużych liter? Użyj map. Potrzebujesz połączyć imię i nazwisko w jeden element? Użyj map. Chcesz dostać wartości powiększone o VAT? Użyj map.

No to duże literki

Czasami dostajemy zestaw danych do wyświetlenia z pomieszanymi wielkościami liter. A design jest zrobiony że ma wyświetlić nazwy użytkowników tylko jako duże litery. Więc musimy sobie jakoś poradzić:


let data = ['patryk', 'hEllo', 'gOOd']
let uppers = data.map(v => v.toUpperCase())

// console.log(uppers) = ['PATRYK', 'HELLO', 'GOOD']

Łączyć ! Nie dzielić !

Standardowa sytuacja. Dostajemy piękny json z informacjami o użytkownikach i musimy wygenerować odpowiednie dane. W zależności czego potrzebujemy łączymy jedynie potrzebne nam wartości. W tym przypadku musimy jedynie połączyć imię i nazwisko razem.


let data = [

  {name: 'Jan', lastname: 'Kowalski' },
  {name: 'Mateusz', lastname: 'Szeroki'}
]
let fullnames = data.map(v => [v.name, v.lastname].join(' '))

// console.log(fullnames) = ['Jan Kowalski', 'Mateusz Szeroki']

Przed  podatkami nie uciekniesz

Strona z towarami, masz ich listę. Musisz wyświetlić cenę netto i brutto. Dostajesz tylko ceny netto. Oto rozwiązanie:


let data = [

{id: 0, name: 'Jabłko', price: 1},

{id: 1, name: 'Gruszka', price: 2.5}

]

let brutto = data.map(v => {id: v.id, price: v.price * 1.23})

// console.log(brutto) = [{id: 0, price: 1.23}, {id: 1, price: 3.075}]

 

Programista? Tak. Specjalista od blockchain? Tak. Przynajmniej sam tak uważa. Programuje i tworzy własną kryptowalutę na blogu. Realizuje pomysły i projekty. Nie narzeka i walczy o swoje. Chce być najlepszym programistą. Tworzył aplikację do konsultacji wideo. Wszystko płatne w krypto: Experty Teraz jest programistą w Netguru. Najszybciej rozwijająca się firmą w Europie. Programuje z najlepszymi i stara im się dorównać. Podróżuje z marzeniami o byciu ekspertem i blogerem. Od czegoś jednak trzeba zacząć. Od zapału, zajawki, pomysłu. Od dzisiaj.

2
Dodaj komentarz

avatar
1 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
PatysArtur Dębkowski Recent comment authors
  Subscribe  
najnowszy najstarszy oceniany
Powiadom o
Artur Dębkowski
Gość

Jako kolejny lewel oświecenia polecam zabawę z funkcją reduce. Jest jeszcze bardziej ogólna (i za jej pomocą możesz zaimplementować map czy filter ;))