Array Destructuring

Part of the Logic & Flow section of Coddy's JavaScript journey. Lesson 47 of 65.

Array destructuring is a convenient way to extract multiple values from an array and assign them to variables in a single statement. It uses a syntax that mirrors the structure of an array literal.

Basic syntax:

const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

You can skip elements:

const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3

You can use rest parameters to capture remaining elements:

const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a);    // 1
console.log(rest); // [2, 3, 4, 5]

You can provide default values:

const [a, b, c = 3] = [1, 2];
console.log(c); // 3

Challenge

Easy

Create a function called analyzeArray that takes an array as an argument. The function should use array destructuring to extract the first, second, and last elements of the array. It should return an object with the following properties:

first: The first element of the array
second: The second element of the array
last: The last of the elements that come after the second one (null when the array has two or fewer elements)
restLength: How many elements sit between the second one and last (the ...rest array with last taken out of it)

If any of these elements don't exist, use default values of null. Example: for [1, 2, 3, 4, 5] the result is { first: 1, second: 2, last: 5, restLength: 2 }; for [42] it is { first: 42, second: null, last: null, restLength: 0 }.

Try it yourself

function analyzeArray(arr) {
  // Write your code here
}

Test yourself

This lesson includes a short quiz. Start the lesson to answer it and track your progress.

All lessons in Logic & Flow

1Strings In Depth

String Fundamentals Iterate Over Strings Template Literals String Methods Recap - String Weaver

4JSON Part 2

Iterate Over JSON Nested JSON JSON Optional Chaining Shallow And Deep Copy Recap - Bicycle Shop Recap - Solar System

7Library Management System

Project Overview Adding Books

Search By Title

Filter By Genre

Mark As Read

10Manage Festival System

Project Overview Add Movies & Venues

2Multi-dimensional Arrays

2D Arrays Basics Accessing 2D Array Elements Nested Loops with 2D Arrays Recap - 2D Arrays Matrix Addition & Substraction Jagged Arrays 3D Arrays And Beyond Common 2D Array Patterns Recap - All About Arrays

5Sets Part 1

What Is A Set?Iterating Over Sets Adding An Element Removing An Element Checking If An Element Exists Size And Is Empty Copy And Clear Recap - Basic Of Sets

8Arrays Interesting Topics

Array DestructuringSpread Syntax in Arrays Sparse Arrays Recap - Arrays Workshop

Practice on your own: Online JavaScript compiler