Destructuring در جاوااسکریپت چیه و چطور در یک خط چند متغیر می‌سازیم؟
👇 یک دقیقه بخون، برای همیشه یادت می‌مونه:
یعنی بازکردن یه ساختار پیچیده آرایه یا آبجکت و بیرون کشیدن چند متغیر از درون آن، فقط در یک خط.
به زبان ساده: به‌جای اینکه برای دسترسی به هر عضو، چند خط کد بنویسیم، در یک حرکت سریع چند متغیر می‌سازیم که مستقیم به اعضای درونی اشاره دارند.
• Array
const rgb = [255, 128, 0];
const [r, g, b] = rgb;
// r=255 g=128 b=0
• Object
const user = { name: 'Ali', age: 25 };
const { name, age } = user;
// name='Ali' age=25
• با مقدار پیش‌فرض
const { city = 'Tehran' } = user; // city='Tehran'
• تغییر نام متغیر
const { name: firstName } = user; // firstName='Ali'
• تودرتو (Nested)
const data = { user: { id: 7 }, tags: ['js', 'react'] };
const { user: { id }, tags: [firstTag] } = data;
// id=7 firstTag='js'
#nested #destructuring
@JSKernel