Implement or Improve Concept Exercise: object-destructuring

Getting started

Here you can read about what Concept Exercises are and how they are structured:

• What are Concept Exercises?
• Concept Exercises
• Concepts

If you have not done so yet, it is probably also helpful to do a couple of “Learning Exercises” (this is how they are called on the site) yourself. You can also look at the code of an existing concept exercise like bird-watcher (concept for-loops) for reference.

See the documentation above (general documentation), as well as How to implement a Concept Exercise in JavaScript.

Goal

The goal of this exercise is to teach the student how they can destructure an object into multiple bindings (which looks like pattern matching), concept object-destructuring.

Learning objectives

• Using destructuring to get a property
• Using destructuring to get a nested property
• Using destructurng to get multiple properties (object pattern shorthand)
• Using destructuring to rename properties
• Using destructuring + rest properties to extract a property, and put the rest of the properties in a new name (after.md: React has the pattern ...otherProps to pass on a few props, but not all).
• Using default values in object destructuring
• Using nested destructuring.

Out of scope

• Anything specific with arrays because there is another concept for this

Concepts

• object-destructuring

Prerequisites

• objects
• array-destructuring
• … (do you think something is missing?)

About

• Usage in the parameters directly,
• Usage when extracting data from e.g. a JSON response
• Usage in e.g. React

Help

You can choose to do this solo-style, or collaborate with multiple people on this. The suggested approach is to

1. First accept this issue by saying “I’d like to work on this” (no need to wait for a response, just go with it) and optionally request that someone works with you (and wait for a second person to accept your request).
2. Use this issue to discuss any questions you have, what should be included in the content and what not and to collect reference material.
3. Create a PR and set “exercism/javascript” as reviewers. Additionally you can write in #maintaining-javascript that your PR is ready for review. Once you incorporated any critical feedback that the reviewer might give you and the PR is approved, it will be merged by a maintainer.

[ErikSchierboom]

@ErikSchierboom please advice. These are two concepts, which can be used on their own, but not when learning/teaching. It makes absolute sense to have them separately for exercises, but not when teaching the concept itself.

However, we could argue that, because you learn them all together here, that for us it’s just ‘one concept’. In that case, I need help with the name (probably still object-descructuring). The counter part is array-destructuring).

@SleeplessByte I’d have the exercise be named after the primary concept (which looks to be object-destructuring) and have it unlock two concepts: object-destructuring and rest-properties.

[junedev]

There is a fresh issue for this now (https://github.com/exercism/javascript/issues/1501), I am closing this one.