Destructuring (ES6) is a convenient syntax for unpacking values from arrays or objects into distinct variables.
javascript
// Object destructuring
const person = { name: "John", age: 30 };
const { name, age } = person;
console.log(name); // John
// Array destructuring
const fruits = ["Apple", "Banana", "Cherry"];
const [first, second] = fruits;
console.log(first); // AppleYou should see
John Apple