چرا باید Destructuring در JavaScript رو بلد باشی؟ 🤔

فرض کن از API یک User گرفتیم:

const user = {
  name: "alex",
  age: 22,
  role: "Developer"
};

روش معمول:

const name = user.name;
const age = user.age;
const role = user.role;

اما با Destructuring:

const { name, age, role } = user;

همین! 😎

حالا مستقیم می‌تونی استفاده کنی:

console.log(name);
console.log(age);
console.log(role);

---

تغییر اسم متغیر هم میشه 👀

مثلاً:

const { name: username } = user;

console.log(username);
// alex

اینجا Property همچنان name هست، ولی متغیری که ساختیم username نام داره.

---

مقدار پیش‌فرض هم می‌تونی تعیین کنی:

const { name, country = "England" } = user;

console.log(country);
// England

اگر country داخل Object وجود نداشته باشه، مقدار پیش‌فرض استفاده میشه.

---

داخل Destructuring برای Array هم داریم 🔥

const colors = ["red", "blue", "green"];

const [first, second] = colors;

console.log(first);
// red

console.log(second);
// blue

حتی می‌تونی بعضی آیتم‌ها رو رد کنی:

const [first, , third] = colors;

console.log(third);
// green

---

کاربرد واقعی در پروژه

وقتی از یک تابع چند مقدار برمی‌گردونی:

function getUser() {
  return {
    name: "alex",
    age: 22
  };
}

const { name, age } = getUser();

یا هنگام کار با API:

const { data, status } = response;

کدت هم کوتاه‌تر میشه، هم خواناتر.

حالا Destructuring فقط برای کوتاه کردن کد نیست؛ کمک می‌کنه دقیقاً مشخص باشه از یک Object یا Array چه داده‌ای نیاز داری. 🚀

@CodeVerse_dev