Introdução
Neste laboratório, exploraremos como renomear chaves de objetos em JavaScript. O laboratório abordará como usar Object.keys() e Array.prototype.reduce() em combinação com o operador spread para obter as chaves de um objeto e renomeá-las de acordo com um mapeamento fornecido. Ao final do laboratório, você terá uma sólida compreensão de como renomear efetivamente as chaves de objetos em seu código JavaScript.
Como Renomear Chaves de Objetos em JavaScript
Para renomear múltiplas chaves de objetos com os valores fornecidos, você pode usar a função renameKeys. Aqui estão os passos que você precisa seguir:
- Abra o Terminal/SSH e digite
nodepara começar a praticar a codificação. - Use
Object.keys()em combinação comArray.prototype.reduce()e o operador spread (...) para obter as chaves do objeto e renomeá-las de acordo comkeysMap. - Passe o
keysMape o objeto (obj) como argumentos para a funçãorenameKeys. - A função
renameKeysretorna um novo objeto com as chaves renomeadas.
Aqui está um exemplo de como usar a função 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 }
Resumo
Parabéns! Você concluiu o laboratório de Renomear Chaves de Objetos. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.