JavaScript destructuring is a feature that allows you to extract data from arrays and objects and assign them to variables in a concise and readable way. Here are some examples of using destructuring in JavaScript:
1) Destructuring arrays:
In this example, we're destructuring an array of numbers into three variables: first, second, and rest. The first two variables are assigned the first two values of the array, and the rest variable is assigned the remaining values using the spread operator.
2) Destructuring objects:
In this example, we're destructuring an object of user data into three variables: name, age, and email. The variables are assigned the values of the corresponding object properties.
3) Renaming destructured variables:
In this example, we're destructuring an object of person data into two variables: firstName and lastName. We're using the colon syntax to assign new variable names to the destructured variables.
4) Destructuring nested objects:
In this example, we're destructuring an object of user data that contains a nested object for the address. We're using the dot syntax to access the nested object properties.
5) Destructuring function parameters:
In this example, we're destructuring the user object in the function parameter. This allows us to directly access the name and age properties of the user object inside the function body.
That's it for arrays and objects destructuring in JavaScript. Thanks for reading and learning. ❤️