Shape data with map and destructuring

Read first Task 53

Shape data with map and destructuring

`map` builds a new array from an old one, and destructuring pulls fields out by name so the code reads like the data.

Task

Task: Shape data with map and destructuring. What does this program print?

The editor already contains a starting point. Change it until every check passes — the Next task button unlocks when it does.

What you start with

const students = [
  { name: 'Ali', course: 'Python' },
  { name: 'Sara', course: 'SQL' },
];

const lines = students.map(({ name, course }) => `${name} studies ${course}`);

console.log(lines);
console.log('Count:', lines.length);

JavaScript 1 automatic check Capstone: real browser patterns

Code editor Ctrl + Enter runs

const students = [
  { name: 'Ali', course: 'Python' },
  { name: 'Sara', course: 'SQL' },
];

const lines = students.map(({ name, course }) => `${name} studies ${course}`);

console.log(lines);
console.log('Count:', lines.length);

Run your code to see the output and the checks.

Your result

Submit your code to see results

Write your code in the middle column and press Run code.

Checks on this task:

Check 1

One correct answer:

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

← Previous

Next task (pass every check first)

Shape data with map and destructuring

Shape data with map and destructuring

Task

Why this works