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

Młody programista. Pełen zapału i marzeń. Leniwy, ale ambitny. Specjalista od blockchain. Przynajmniej sam tak uważa. Tworzy własną kryptowalutę i szuka nowych, ciekawych rozwiązań. Walczy z JavaScript. Chce być jak najlepszym programistą. Programuje aplikację do video konsultacji płatnych krypto https://www.experty.io/. Nie zatrzymuje się i często podróżuje. Nie narzeka na kilometry, tylko pakuje plecak i rusza. Pragnie zostać blogerem i ekspertem.

Please follow and like us:

0