39 lines
740 B
Plaintext
39 lines
740 B
Plaintext
---
|
|
title: Can you give an example for destructuring an object or an array?
|
|
---
|
|
|
|
Destructuring is an expression available in ES2015 which enables a succinct and convenient way to extract values of Objects or Arrays and place them into distinct variables.
|
|
|
|
## Array destructuring
|
|
|
|
```js
|
|
// Variable assignment.
|
|
const foo = ['one', 'two', 'three'];
|
|
|
|
const [one, two, three] = foo;
|
|
console.log(one); // "one"
|
|
console.log(two); // "two"
|
|
console.log(three); // "three"
|
|
```
|
|
|
|
```js
|
|
// Swapping variables
|
|
let a = 1;
|
|
let b = 3;
|
|
|
|
[a, b] = [b, a];
|
|
console.log(a); // 3
|
|
console.log(b); // 1
|
|
```
|
|
|
|
## Object destructuring
|
|
|
|
```js
|
|
// Variable assignment.
|
|
const o = { p: 42, q: true };
|
|
const { p, q } = o;
|
|
|
|
console.log(p); // 42
|
|
console.log(q); // true
|
|
```
|