Iniciante

Como Usar o Object.keys em JavaScript: Guia Prático para Iniciantes

Fala Devs, beleza?

Hoje vamos explorar uma função essencial do JavaScript que pode facilitar muito o seu trabalho com objetos: o Object.keys. Se você está começando agora e quer entender como usar essa função, você está no lugar certo! Vamos passar por alguns conceitos básicos e exemplos práticos para que você possa usar o Object.keys com confiança em seus projetos.

O que é o Object.keys?

O Object.keys é um método embutido em JavaScript que nos ajuda a obter um array contendo todas as chaves de um objeto. Simples assim! Mas como isso pode ser útil? Vamos ver alguns exemplos.

Exemplo 1: Listando as Chaves de um Objeto

Vamos supor que você tenha um objeto representando um usuário:

const usuario = {
	nome: 'Ana', 
	idade: 25, 
	profissao: 'Desenvolvedora'
};

JavaScript

Se você quiser listar todas as chaves desse objeto, basta usar Object.keys:

const chaves = Object.keys(usuario);
console.log(chaves);

JavaScript

A saída será:

["nome", "idade", "profissao"]

Bash

Esse array contém todas as chaves do objeto usuario.

Exemplo 2: Iterando Sobre as Chaves

Uma das aplicações mais comuns do Object.keys é iterar sobre as chaves de um objeto. Imagine que você deseja imprimir todas as propriedades e seus valores. Veja como você pode fazer isso:

const usuario = {
	nome: 'Ana',
	idade: 25,
	profissao: 'Desenvolvedora'
};

Object.keys(usuario).forEach(chave => {
	console.log(`${chave}: ${usuario[chave]}`);
});

JavaScript

A saída será:

nome: Ana 
idade: 25
profissao: Desenvolvedora

Bash

Aqui, usamos o forEach para percorrer o array de chaves e acessar o valor correspondente para cada chave.

Exemplo 3: Verificando a Existência de uma Chave

Você também pode usar Object.keys para verificar se uma chave específica existe em um objeto. Vamos ver um exemplo:

const usuario = {nome: 'Ana',idade: 25};

const temProfissao = Object.keys(usuario).includes('profissao');
console.log(temProfissao); // false

JavaScript

Neste caso, Object.keys(usuario) retorna [“nome”, “idade”], e includes(‘profissao’) retorna false porque a chave ‘profissao’ não está presente.

Exemplo 4: Manipulando Objetos Dinamicamente

Se você precisa adicionar ou alterar propriedades dinamicamente com base nas chaves, o Object.keys pode ser muito útil. Por exemplo, você pode querer adicionar um prefixo a todas as chaves de um objeto:

const usuario = {nome: 'Ana',idade: 25};
const novoUsuario = {};

Object.keys(usuario).forEach(chave => {
	novoUsuario[`prefixo_${chave}`] = usuario[chave];
});

console.log(novoUsuario);

JavaScript

A saída será:

{prefixo_nome: 'Ana', prefixo_idade: 25}

Bash

Conclusão

O Object.keys é uma ferramenta poderosa e flexível que pode ser muito útil ao trabalhar com objetos em JavaScript. Seja para listar, iterar ou modificar chaves, entender como usar o Object.keys é fundamental para qualquer programador. Espero que este guia tenha ajudado a esclarecer como essa função funciona e como você pode aplicá-la em seus próprios projetos.

Ficou com alguma dúvida ou tem sugestões de outros tópicos? Deixe seu comentário abaixo e vamos continuar aprendendo juntos!

Até a próxima, Devs!