Destructuring `array`

#javascript #webdev #codenewbie #beginners

const data = { name: "Test", skills: ["javascript", "css", "react", "node"] };

// Extract 1st item
const [firstSkill] = data.skills;
console.log(firstSkill); // javascript

// Extract 3rd item (Skip 1st & 2nd)
const [, , thirdSkill] = data.skills;
console.log(thirdSkill); // react

// Nested destructuring (Direct from object)
const {
  skills: [firstSkillAgain],
} = data;
console.log(firstSkillAgain); // javascript

// Assign default value if nested array not found
const { tags: [firstTag] = ["Custom Value 1", "Custom Value 2"] } = data;
console.log(firstTag); // Custom Value 1