Destructuring Javascript

• What is Destructuring in objects?
  • It is a way to extract values from objects & arrays into distinct values.
  • It simplifies the syntax for accessing and assigning values from complex data structures.

Renaming Variables

const name = "Shahare";

const { name: myName } = user;  // Renaming

console.log(myName); // Chaitanya

Nested Destructuring

let user = {
	name: "Chaitanya S",
	age: 22,
	fullName: {
		first: "Chaitanya",
		last: "Shahare",
	},
};

const {
	fullName: { first },
} = user;

console.log(first); // Chaitanya

Q. What is the output? Object Destructuring

let user = {
	name: "Chaitanya",
	age: 22,
};


const { name } = user; 

console.log(name); // Chaitanya


console.log(name);

Followup 1

const name = "Shahare";

const { name } = user; 

console.log(name); // Syntax Error

Fix: Renaming

const name = "Shahare";

const { name: myName } = user;  // Renaming

console.log(myName); // Chaitanya