// Example object const person = { name: "Alice", age: 25, location: { city: "Wonderland", country: "Fantasy" } }; // Destructuring the object const { name, age } = person; console.log("Name:", name); // Output: "Name: Alice" console.log("Age:", age); // Output: "Age: 25" // Destructuring nested objects const { city, country } = person.location; console.log("City:", city); // Output: "City: Wonderland" console.log("Country:", country); // Output: "Country: Fantasy" // Assigning to new variable names const { name: fullName, age: years } = person; console.log("Full Name:", fullName); // Output: "Full Name: Alice" console.log("Years:", years); // Output: "Years: 25" // Rest parameter in object destructuring const { name: personName, ...restOfPerson } = person; console.log("Person Name:", personName); // Output: "Person Name: Alice" console.log("Rest of Person:", restOfPerson); // Output: "Rest of Person: { age: 25, location: { city: 'Wonderland', country: 'Fantasy' } }"
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter