JavaScript; s Reduceți metoda explicată prin a merge la o dietă; Blogul CodeAnalogies
Explicații vizuale ale conceptelor HTML, CSS și JavaScript
Metoda de reducere a JavaScript-ului explicată printr-o dietă
Dacă ați citit vreodată o etichetă nutrițională, atunci puteți înțelege metoda reduce () în JavaScript.
Metoda de reducere din JavaScript vă oferă o modalitate simplă de a lua o matrice de valori și de a le combina într-o singură valoare sau de a suma matricei pe baza mai multor categorii.
Uau, sunt multe într-o singură frază, așa că să facem un pas înapoi aici.
Desigur, puteți folosi oricând o buclă for pentru a itera printr-o matrice și să efectuați o acțiune specifică pentru fiecare valoare. Dar, dacă nu utilizați metode precum filter (), map () și reduce (), atunci codul dvs. va deveni mai greu de citit. Alți dezvoltatori vor trebui să citească fiecare buclă cu atenție pentru a înțelege scopul. Și va crea mai multe șanse pentru bug-uri, deoarece va trebui să creați mai multe variabile pentru a urmări valorile individuale.
Metodele de filtrare iau toate elementele dintr-o matrice inițială și permit doar anumite elemente într-o matrice finală.
Metodele de mapare rulează o funcție pe fiecare element dintr-o matrice inițială înainte de a o stoca într-o matrice finală.
Și metodele de reducere combină elementele dintr-o matrice inițială într-o valoare finală sau o matrice de valori.
Mi-am dat seama că acest lucru este cam asemănător unei diete. De la metode foarte simple, cum ar fi numărarea caloriilor, la diete mai complicate, cum ar fi Atkins sau WeightWatchers, obiectivul este de a distila toate alimentele pe care le-ați putea mânca pe parcursul zilei într-o singură valoare (sau valori) pentru a vedea dacă sunteți pe drumul cel bun slăbi.
Deci, să sărim în el! Pentru a înțelege acest tutorial, trebuie doar să aveți experiență cu buclele.
Simularea reducerii cu o buclă For
Iată o modalitate rapidă de a arăta funcționalitatea reduce (), folosind o buclă for. Să presupunem că aveți o serie de calorii din 5 alimente separate pe care le-ați consumat pe parcursul zilei. Vrei să-ți dai seama câte calorii totale ai consumat. Iată codul.
Este destul de simplu. Creați o variabilă pentru a păstra suma finală, apoi adăugați la ea în timp ce rulați prin matrice. Dar, tot trebuie să introduceți o nouă variabilă, iar bucla nu oferă niciun indiciu despre scopul buclei.
Un exemplu simplu de reducere
Să învățăm cum să realizăm același obiectiv cu metoda reduce ().
- Reduce este o metodă matricială, așa că vom începe cu matricea numărului de calorii.
- Folosește o funcție de apel invers care rulează pe fiecare element din matrice.
- Folosește o instrucțiune return pentru a arăta cum ar trebui să se acumuleze valoarea după fiecare iterație a matricei.