Метод 1: деструктуризация присваивания
Один из самых популярных и лаконичных способов присвоения свойств объекта переменным с разными именами — использование деструктуризации присваивания. Допустим, у нас есть функция getPerson(), которая возвращает объект со свойствами nameи age. Вот как мы можем присвоить эти свойства переменным с разными именами:

function getPerson() {
  return {
    name: 'John Doe',
    age: 25
  };
}
const { name: personName, age: personAge } = getPerson();
console.log(personName); // Output: John Doe
console.log(personAge); // Output: 25

Метод 2: присвоение вручную
Если вы предпочитаете более явный подход, вы можете вручную назначить свойства объекта переменным с разными именами. Этот метод обеспечивает большую гибкость и контроль над именами переменных. Вот пример:

function getPerson() {
  return {
    name: 'John Doe',
    age: 25
  };
}
const personInfo = getPerson();
const personName = personInfo.name;
const personAge = personInfo.age;
console.log(personName); // Output: John Doe
console.log(personAge); // Output: 25

Метод 3: использование средств доступа к свойствам объекта.
Другой способ достижения желаемого результата — использование средств доступа к свойствам объекта. Этот метод позволяет нам динамически назначать свойства объекта переменным с разными именами. Вот пример:

function getPerson() {
  return {
    name: 'John Doe',
    age: 25
  };
}
const person = getPerson();
const { name, age } = person;
console.log(name); // Output: John Doe
console.log(age); // Output: 25

Присвоение свойств объекта, возвращаемого функцией, переменным с разными именами — мощный метод в JavaScript. В этой статье мы рассмотрели три метода выполнения этой задачи: присвоение деструктуризации, присвоение вручную и использование средств доступа к свойствам объекта. Каждый метод предлагает свои преимущества, и выбор зависит от вашего стиля кодирования и требований. Используя эти методы, вы можете улучшить читаемость кода и улучшить удобство обслуживания ваших приложений JavaScript.