Переименование ключей объектов

Beginner

This tutorial is from open-source community. Access the source code

Введение

В этом практическом занятии мы изучим, как переименовывать ключи объектов в JavaScript. В практическом занятии будут рассмотрены способы использования Object.keys() и Array.prototype.reduce() в сочетании с оператором расширения для получения ключей объекта и их переименования в соответствии с предоставленным сопоставлением. В конце практического занятия вы глубоко освоите методы эффективного переименования ключей объектов в своем коде на JavaScript.

Как переименовать ключи объектов в JavaScript

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

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте Object.keys() в сочетании с Array.prototype.reduce() и оператором расширения (...), чтобы получить ключи объекта и переименовать их в соответствии с keysMap.
  3. Передайте keysMap и объект (obj) в качестве аргументов функции renameKeys.
  4. Функция renameKeys возвращает новый объект с переименованными ключами.

Вот пример использования функции renameKeys:

const renameKeys = (keysMap, obj) =>
  Object.keys(obj).reduce(
    (acc, key) => ({
      ...acc,
      ...{ [keysMap[key] || key]: obj[key] }
    }),
    {}
  );

const obj = { name: "Bobo", job: "Front-End Master", shoeSize: 100 };
renameKeys({ name: "firstName", job: "passion" }, obj);
// { firstName: 'Bobo', passion: 'Front-End Master', shoeSize: 100 }

Резюме

Поздравляем! Вы завершили практическое занятие по переименованию ключей объектов. Вы можете практиковаться в других практических занятиях в LabEx, чтобы улучшить свои навыки.