Objects & Destructuring

1const developer = {
2  name: "Alice",
3  age: 25,
4  skills: ["React", "Node.js", "TypeScript"],
5  greet() {
6    return `Hi, I'm ${this.name}!`;
7  }
8};
9 
10console.log(developer.name);        // Alice
11console.log(developer["skills"]);   // ["React", "Node.js", "TypeScript"]
12console.log(developer.greet());     // Hi, I'm Alice!

1// Object destructuring
2const { name, age, skills } = developer;
3console.log(name); // Alice
4 
5// With renaming
6const { name: userName } = developer;
7console.log(userName); // Alice
8 
9// Array destructuring
10const [first, second, ...rest] = [1, 2, 3, 4, 5];
11console.log(first); // 1
12console.log(rest);  // [3, 4, 5]
13 
14// Spread operator
15const updated = { ...developer, age: 26, city: "NYC" };
16console.log(updated.age);  // 26
17console.log(updated.city); // NYC