• in
InterCourses
CoursesBlogs
0
← Introduction to JavaScript
○What is JavaScript?○Your First JavaScript Code○Data Types○Type Checking
○Declaring Variables○let and const in Practice○Operators○Type Conversion
○Conditionals○Switch Statement○For Loops○While Loop○Break and Continue
○Defining Functions○Arrow Functions○Scope○Closures○Project - Calculator○Function Expressions
○Arrays○Array Mutation Methods○Array Search and Slice○Array Iteration Methods○Multidimensional Arrays●Destructuring○Array Reverse and Sort○Array Fill○Array Find and Includes○Array Flat and FlatMap○Array Reduce, Some, and Every
○Objects○Object Methods and Destructuring○JSON○Math and Date○Date Basics
○02 Template Literals○String Methods○Regular Expressions
○Higher-Order Functions○Callbacks○map, filter, and reduce○Recursion○Project - Data Transform Pipeline
○OOP Introduction○Classes○Inheritance○Encapsulation
○Asynchronous JavaScript○Promises and Async Await○Async API Simulation

Destructuring

Destructuring is a concise syntax for unpacking values from arrays (or properties from objects) into distinct variables.

Array destructuring

javascript
const point = [3, 7];
const [x, y] = point;
console.log(x); // 3
console.log(y); // 7

Skipping elements

javascript
const [first, , third] = [10, 20, 30];
console.log(first); // 10
console.log(third); // 30

Rest pattern

javascript
const [head, ...tail] = [1, 2, 3, 4, 5];
console.log(head); // 1
console.log(tail); // [2, 3, 4, 5]

Swapping variables

javascript
let a = 1, b = 2;
[a, b] = [b, a];
console.log(a, b); // 2 1

Default values

javascript
const [x = 0, y = 0, z = 0] = [10, 20];
console.log(z); // 0 — default applied

Object destructuring

javascript
const person = { name: "Alice", age: 30, city: "NYC" };
const { name, age } = person;
console.log(name); // "Alice"
console.log(age);  // 30

Renaming

javascript
const { name: fullName } = person;
console.log(fullName); // "Alice"

Nested destructuring

javascript
const user = { id: 1, address: { city: "London", zip: "EC1A" } };
const { address: { city } } = user;
console.log(city); // "London"

Your Task

  1. Given const coords = [40.7128, -74.0060], use array destructuring to extract latitude and longitude.
  2. Given const product = { name: "Laptop", price: 999, brand: "TechCo" }, destructure name and price.
  3. Write a function swapPair([a, b]) that takes a two-element array and returns it with elements swapped: swapPair([1, 2]) → [2, 1].
  4. Display in #output: "Laptop costs $999 | lat: 40.7128".
Hint 1
1 / 3
HINT 1

Array destructuring: const [a, b, c] = myArray;

Loading editor…
READY
intercourses
javascript