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!

  • Da webcam ao GIF animado: o segredo por trás do chat.meatspac.es!
  • Crie um efeito de logotipo brilhante com CSS
  • Demonstrações favoritas de Jack Rugile’s 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!

  • Favelet de pesquisa de documentação do MooTools

    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…