dwi-handoyo/Destructuring-in-Javascript

Destructuring in Javascript

A. DESTRUCTURING ASSIGNMENT

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

Destructuring means to break down a complex structure into simpler parts. With the syntax of destructuring, you can extract smaller fragments from objects and arrays. It can be used for assignments and declaration of a variable.

Destructuring saves you time and lines of code. One line accomplishes what 2 or 10 lines of code do. Specifically for React destructuring helps you keep your code DRY (Don't Repeat Yourself).

Destructuring Variable / Assignment are including:

1. Destructuring Array - by using []

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Destructuring-Array.html

2. Skipping Items

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Skipping-Items.js

3. Swap Items

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Swap-Items.js

4. Return Value in a Function

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Return-Value-in-Function.js

5. Rest Parameter in Array (...something)

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Rest-Parameter.js

6. Destructuring Object - by using {}

Object and nested object destructuring

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Destructuring-Object.js

7. Assignment without Object Declaration

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Assign-Without-Object-Declaration.js

8. Assignment to New Variable

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Assign-To-New-Variable.js

9. To Give Default Value

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Giving-Default-Value.js

10. To Give Default Value and Assignment to New Variable

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Giving-Default-Value-And-Assign-New-Variable.js

11. Rest Parameter in Object

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Rest-Parameter-in-Object.js

12. Extract Fields of Function in Object Destructuring

Object destructuring by using function. Retrieves a field in an object, after it is passed as a parameter to a function. Including .map method to destructure an object.

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Extract-Fields-of-Function-in-Object-Destructuring.js

B. DESTRUCTURING FUNCTION

1. Destructuring function return value

1.1 Destructuring Array

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Function-Return-Destructuring-Array.js

1.2 Destructuring Object

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Function-Return-Destructuring-Object.js

2. Destructuring function arguments

• https://github.com/dwi-handoyo/Destructuring-in-Javascript/blob/main/Function-Arguments-Destructuring.js