JavaScript arrays czyli przydatne operacje na danych

Czyszczenie danych

Często generujemy dane i w razie wystąpienia jakiegoś błędu do tablicy wrzucane są wartości null albo undefined. Jeśli nie przygotowaliśmy się na taką sytuację, to nasza aplikacja się wysypuje. Jednak w prosty sposób możemy czyścić naszą tablicę z niepotrzebnych danych.

let data = [1, 27, null, 53 , 434 , null]

data = data.filter((item) => item !== null)

// data = [1, 27, 53, 434]

Filtrowanie danych do wyświetlenia

Załóżmy, że serwer zwrócił nam ranking z danymi użytkowników. Jednak chcemy tylko wyświetlić tylko tych, którzy mają punktów więcej niż 25. Przygotujmy sobie te dane:

let data = [
  { name: 'Patryk', score: 58 },
  { name: 'Mariusz', score: 12 },
  { name: 'Kamil', score: 62 },
  { name: 'Mateusz', score: 20 }
]

data = data.filter((item) => item.score > 25)

// data = [{ name: 'Patryk', score: 58 }, { name: 'Kamil', score: 62 }]

Losowy obiekt

Czasami chcemy wybrać losowy obiekt z tablicy. Przyda się w momencie gdy użytkownik uzna że chce przeczytać losowy artykuł. Często będziemy mieć załadowane te dane do jakiejś tablicy. Żeby nie obciążać serwera możemy po prostu dać użytkownikowi losowy artykuł z właśnie załadowanych. Do tego będzie tylko wystarczył licznik, który sprawdzi czy przypadkiem nie czytał tego artykułu.

 
let data = [ 
  { title: 'Best practicies', content: '...', visited: true },
  { title: 'New way of doing something', content: '...', visited: false},
  { title: 'Amazing trick', content: '...', visited: false },
  { title: 'My Brand new phone', content: '...', visited: false },
] 
let filtered = data.filter((item) => !item.visited) 
let randomPost = filtered[Math.floor(Math.random() * filtered.length)]

// e.g. randomPost = { title: 'Amazing trick', content: '...', visited: false }

Patryk Szczygło - PatysBlog

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.