Back to Browse

Transforming JSON (API) Data w/ JavaScript reduce() + map() | Practice Project

14 views
May 9, 2026
32:35

Today I'm refactoring a Data Transform project I coded using only .forEach(). I'm starting completely fresh and using .reduce(), .map() and Object.entries() instead. As always, it’s all vanilla HTML, CSS and JavaScript. No frameworks or libraries. #javascriptprojects #javascript #coding 🌿 Get $2 off your first purchase on Hover → https://hover.com/SjMp9blQ 💧 Get $200 in credit over 60 days on DigitalOcean → https://m.do.co/c/1aa4394b69af 🟣 GITHUB: https://github.com/angelajholden/javascript-daily-practice 🔵 CODE REVIEWS: https://angelajholden.com/consulting 🔵 EMAIL: [email protected] 🟢 SPONSOR: https://github.com/sponsors/angelajholden 🟢 DONATE: https://www.paypal.me/angelajholden 📚 Chapters 00:00 Intro 04:06 Start with Object.entries() 04:27 .reduce() to Get Letters 11:17 .map() the next Object.entries() 13:47 Refactoring the .reduce() 21:48 Finish the .map() 28:56 Code Review + Feedback 31:44 Conclusion

Download

0 formats

No download links available.

Transforming JSON (API) Data w/ JavaScript reduce() + map() | Practice Project | NatokHD