JavaScript ES2017: Aprenda Object.keys, Object.values ​​e Object.entries

3 junho, 2018 |

Objeto nada mais de que uma coleção de dados armazenados em pares de chave e valor.

Javascript

Com ES2017(ES8), o Object recebe dois novos métodos úteis: Object.values e Object.entries. Vamos aproveitar e relembrar o uso do Object.keys.

Vamos a um exemplo onde teremos um objeto que contem informações sobre uma pessoa:


const pessoa = {
  nome: 'Cah',
  idade: 31,
  sexo: 'feminino'
}

Então nome, idade e sexo são as chaves de nosso objeto e Cah, 31 e feminino são os valores do nosso objeto.

Vamos ver agora algumas formas de brincar com esse objeto, bora la? 🙂

Object.keys

Este método já existia antes do ES2017, mas vale a pena relembra-lo. Object.keys() é uma maneira simples de iterar sobre um objeto e retornar todas as chaves do objeto. Veja como isso funciona:


Object.keys(pessoa);
// [ 'nome', 'idade', 'sexo' ]

Object.values

Podemos iterar sobre um objeto e retornar todos os valores do objeto. Veja como isso funciona:


Object.values(pessoa)
// [ 'Cah', 31, 'feminino' ]

Object.entries

E porque não retornar ambos?
Object.entries() itera sobre o objeto para retornar tanto chave quanto o valor. Veja:


Object.entries(pessoa)
// [ [ 'nome', 'Cah' ], [ 'idade', 31 ], [ 'sexo', 'feminino' ] ]

Biblioteca de Suporte

Para adicionar compatibilidade ao suporte de Object.values e Object.entries em ambientes antigos que nativamente não o suportam, você pode encontrar uma biblioteca de suporte nos repositórios tc39/proposal-object-values-entries ou no es-shims/Object.values.

Uma dica, tente utilizar também versões de node superior a v8.9.1 😉

Beijos, até a proxima 😉

COMPARTILHE:

Post A Comment