#1 JavaScript od Patysia czyli 3 przydatne operacje na danych

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 }
Please follow and like us:
0

Dodaj komentarz

Bądź pierwszy!

Powiadom o
avatar