⚡ Разрушение объекта в JS: переименование свойств⚡

Хотите поправиться в веб-разработке 🚀🚀🚀? Подписаться на мою еженедельную рассылку на https://codesnacks.net/subscribe/

В последней части этой серии мы узнали, как разрушать объекты и свойства объекта доступа. На этот раз мы увидим, как переименовать свойства. Давайте сделаем небольшое повторение:

const pastry = {
  name: "waffle",
  sweetness: 80,
  ingredients: ["flour", "butter", "eggs"],
  origin: {
    country: "Greece",
    name: "obelios",
    year: 1200,
  }
};

Мы можем получить доступ к свойствам через точечную обозначение

const name = pastry.name;
console.log(name); // "waffle"

или через разрушение

const { name } = pastry;
console.log(name); // "waffle"

Но если мы хотим выбрать имя для нашей переменной, мы, кажется, немного ограничены деструктивными. Для точечной обозначения это легко:

const pastryName = pastry.name;
console.log(pastryName); // waffle

Но также при этом объекты реструктуризации можно свободно назвать переменные через толстую кишку.

const { name: pastryName } = pastry;
console.log(pastryName); // waffle

Как вы можете видеть, есть два Имя Свойства: один на верхнем уровне (вафля) и один в вложенном Происхождение Объект (Обелиос). Когда мы хотим разрушать их обоих, мы должны переименовать хотя бы один из них. Давайте сделаем это с одним в вложенном Происхождение объект.

const { name, origin: { name: originName } } = pastry;
console.log(name); // waffle
console.log(originName); // obelios

Хотите поправиться в веб-разработке? 🚀🚀🚀субопримените в учебное пособие вторник ✉️newsletter

Оригинал: “https://dev.to/benjaminmock/object-destructuring-in-js-renaming-2b6c”