Skip to content
WebDev Path
Back

Week 6: Arrays, objects and data

Next video

Free lesson by Web Dev Simplified on YouTube

About this lesson

Module:
JavaScript
Time:
about 11 hours
Video:
10 min

Store, transform and search data the way real apps do.

By the end of this week you can

  • Model data with arrays and objects
  • Use map, filter, reduce and find
  • Use destructuring and spread

Learn

  • Arrays and objects
  • Array methods: map, filter, reduce, find, some
  • Destructuring and spread
  • Working with JSON

Read or watch

Practice

  1. Turn a list of products into totals, filters and sorted views
  2. Rewrite 5 loops using array methods

Build

Product list with live search and price filter.

Check your understanding

Score 4 out of 5 to complete this week.

  1. 1. Which method makes a new array with each item transformed?
  2. 2. Which method keeps only the items that pass a test?
  3. 3. How do you read the name property from const user = { name: "Ana" }?
  4. 4. What does const { name } = user do?
  5. 5. What does JSON.parse do?
0 of 5 answered