Object Destructuring in JavaScript

Object destructuring is a feature in JavaScript that allows you to extract multiple properties from an object and assign them to variables. It provides a concise and readable way to unpack values from objects into distinct variables.

Here’s an example of object destructuring:

        
            const person = {
                name: 'John Doe',
                age: 30,
                profession: 'Software Engineer'
            };

            // Using object destructuring
            const { name, age, profession } = person;

            console.log(name); // Output: John Doe
            console.log(age); // Output: 30
            console.log(profession); // Output: Software Engineer
        
    

Object destructuring can also be used with function parameters to extract properties from an object:

        
            function displayPersonDetails({ name, age, profession }) {
                console.log(`Name: ${name}`);
                console.log(`Age: ${age}`);
                console.log(`Profession: ${profession}`);
            }

            // Passing object to the function
            const person = {
                name: 'Jane Smith',
                age: 25,
                profession: 'Web Developer'
            };

            displayPersonDetails(person);
        
    

Object destructuring is a powerful feature that can simplify your code and make it more expressive. It allows you to work with objects in a more intuitive and efficient way.

So, the next time you find yourself extracting properties from objects, consider using object destructuring to make your code cleaner and more readable.

Happy coding!