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…