Navegar e gerenciar estruturas de dados é uma habilidade muito importante que todo engenheiro deve ter e aprimorar. Ao longo dos anos, a linguagem JavaScript continuou a fornecer mais métodos para gerenciar estruturas de dados, desde Object.keys para Object.values e assim por diante. Um dos meus favoritos é o Object.entries, uma API que fornece as chaves e os valores por meio de uma matriz de matrizes. Vamos dar uma olhada!
Considere o seguinte objeto:
const obj = {
name: "David",
color: "green",
balance: 100
}
Tradicionalmente, teríamos iterado sobre as chaves por meio de um for e, em seguida, usaríamos a sintaxe de matriz para obter os valores:
const obj = {
name: "David",
color: "green",
balance: 100
}
for (const key in obj) {
const value = obj[key];
}
Nós temos Object.keys() e Object.values() para obter cada um deles agora, mas nenhum dos métodos fornece uma relação com a chave ou o valor pai. Eu realmente adoro usar Object.entries para manter esse relacionamento e obter tanto a chave quanto o valor:
Object.entries({
name: "David",
color: "green",
balance: 100
}).forEach(([key, value]) => console.log(key, value))
/*
name David
color green
balance 100
*/
Object.entries é um método muito útil quando o senhor precisa tanto de uma chave quanto de um valor. Jogue fora os antigos for e as sintaxes do tipo Array e use o Object.entries como um profissional!

Demonstrações favoritas de Jack Rugile no CodePen
O CodePen é uma fonte incrível de inspiração para código e design. Fico impressionado todos os dias com as demonstrações que os usuários criam. Como o senhor verá abaixo, tenho uma afinidade com coisas que se movem. Foi difícil restringir minhas favoritas, mas aqui estão elas!

Documentação do MooTools Pesquisa Favelet
Vou compartilhar com o senhor algo que o deixará boquiaberto: Eu não tenho a documentação do MooTools memorizada. Simplesmente não tenho. Eu visito a documentação do MooTools com frequência para descobrir a ordem dos parâmetros das classes More e a melhor forma de usar…

