Введение
В этом практическом занятии мы изучим, как переименовывать ключи объектов в JavaScript. В практическом занятии будут рассмотрены способы использования Object.keys() и Array.prototype.reduce() в сочетании с оператором расширения для получения ключей объекта и их переименования в соответствии с предоставленным сопоставлением. В конце практического занятия вы глубоко освоите методы эффективного переименования ключей объектов в своем коде на JavaScript.
Как переименовать ключи объектов в JavaScript
Для переименования нескольких ключей объекта с использованием предоставленных значений вы можете использовать функцию renameKeys. Вот шаги, которые необходимо выполнить:
- Откройте Терминал/SSH и введите
node, чтобы начать практиковаться в написании кода. - Используйте
Object.keys()в сочетании сArray.prototype.reduce()и оператором расширения (...), чтобы получить ключи объекта и переименовать их в соответствии сkeysMap. - Передайте
keysMapи объект (obj) в качестве аргументов функцииrenameKeys. - Функция
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, чтобы улучшить свои навыки.