Object Destructuring – թե ինչպես է հնարավոր հեշտացնել կոդը

JavaScript-ում աշխատելիս մենք հաճախ ուզում ենք օբյեկտի մի քանի հատկություն օգտագործել։ Object destructuring-ը թույլ է տալիս հեշտությամբ դուրս բերել արժեքները՝ առանց երկարատև օբյեկտի property access գրելու։

Այն ներկայացվել է ES6-ում և դարձել է ժամանակակից JavaScript-ի կարևոր գործիքներից մեկը։

---

Հիմնական սինթաքսը

  
const user = {
  name: 'Anna',
  age: 28,
  country: 'Armenia'
};

const { name, age } = user;

console.log(name); // Anna
console.log(age);  // 28
  

Այս մեթոդի առավելությունները՝

• Կոդը դառնում է ավելի կարճ ու ընթեռնելի
• Չես կրկնում օբյեկտի անունը բազմակի անգամ

---

Վերանվանում (`rename`) հատկությունը

  
const user = {
  name: 'Arman',
  age: 32
};

const { name: fullName } = user;

console.log(fullName); // Arman
  

Այս մեթոդի առավելությունները՝

• Անունը կարող ես հարմարեցնել քո կոդին
• Օգնում է կոնֆլիկտներից խուսափել նույն անունով փոփոխականների դեպքում

---

Դեֆոլտ արժեքների սահմանում

  
const user = {
  name: 'Sona'
};

const { name, age = 18 } = user;

console.log(age); // 18
  

Այս մեթոդի առավելությունները՝

• Կարող ես նշանակել արժեք, երբ հատկությունը բացակայում է
• Օգտակար է API-ների հետ աշխատելիս

---

Nested (ներառված) օբյեկտների destructuring

  
const user = {
  name: 'Ani',
  location: {
    city: 'Yerevan',
    zip: 0010
  }
};

const { location: { city } } = user;

console.log(city); // Yerevan
  

Այս մեթոդի առավելությունները՝

• Թույլ է տալիս անմիջապես հասնել nested արժեքներին
• Պետք չէ մի քանի փոփոխական կամ access գրել

---

Function parameters-ի մեջ destructuring

  
function greet({ name, age }) {
  return `Hi ${name}, you are ${age} years old.`;
}

const user = { name: 'Narek', age: 35 };

console.log(greet(user));
  

Այս մեթոդի առավելությունները՝

• Բացահայտ նշում ես, թե ինչ արժեքներ է պետք ստանալ օբյեկտից
• Ավելի հստակ է, քան պարզապես `function greet(user)`

---