PatysBlog

Czarodziej JavaScript, Poliglota, Miłośnik Podróży

#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}]

 

Please follow and like us:
0
« »

© 2017 PatysBlog. Theme by Anders Norén.