Destructuring in JavaScript

DESTRUCTURING IN JAVASCRIPT.


Destructuring in JavaScript.

-This is a JavaScript expression that
makes it possible to unpack values from
arrays, or properties from objects, into
distinct variables.
- It does not change the structure of the
object or array but extracts the values in
them


1. ARRAY DESTRUCTURING.

2. //Array Destructuring
3. let numbers = [1, 2, 3, 4, 5];
4. let [first, second, third] = numbers;
5. console.log(first, third);

- In this example, you're extracting the
values from the numbers array and
assigning them to variables first, second,
and third, respectively.

-The expected output is 1 and 3.


2.NESTED ARRAY DESTRUCTURING.

, DESTRUCTURING IN JAVASCRIPT.


// //Nested Arrays
let nestedArrs = [[1,2], [3,4], [5,6]];
let [firstArr, ,thirdArr] = nestedArrs;
console.log(firstArr, thirdArr);

-In this code, we have a nested
array nestedArrs. Using nested array
destructuring, you're extracting values from
both the outer and inner arrays and
assigning them to
variables firstArr, secondArr, thirdArr,


3.OBJECT DESTRUCTURING.

- JavaScript allows you to extract
properties from an object and assign
them to variables.

- The basic syntax for object destructuring
uses curly braces on the left-hand side of
an assignment statement and the object
on the right-hand side.


- The code above creates an object
called user that has three properties
(i.e., email and firstName), uses object
destructuring to extract the email