logo

Converter objeto em array em Javascript

Javascript, por ser uma linguagem de programação ampla e variada, consiste em uma ampla quantidade de recursos para converter um objeto em um array. Esses métodos são predefinidos na própria linguagem. Vejamos as diferentes maneiras de converter objetos em arrays em javascript.

Para converter um objeto em um variedade em JavaScript , você pode usar diferentes tipos de métodos. Alguns dos métodos são Object.keys(), Object.values(), e Object.entries().

Considere os exemplos abaixo para compreender os métodos acima.

Método 1: Object.keys()

java contém substring
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

Saída:

 The Lion 

No código de exemplo acima, usamos o método Object.keys() para converter o nome da propriedade do objeto animal em um array. Nós definimos variável animal, que contém a primeira e a última iniciais do objeto animal e posteriormente os convertemos em um array com a ajuda do método Object.keys().

Método 2: Object.values()

 const animal = { first: 'The', last: 'Lion' }; const propertyValues=Object.values(animal); console.log(propertyValues); 

Saída:

cidades na Austrália
 ['The', 'Lion'] 

Neste método, usamos o método Object.values() para buscar as propriedades do objeto animal. O método Object.values() converte o objeto animal definido em um array e a saída é impressa no console conforme mostrado acima.

Método 3: Object.entries()

 const animal = { first: 'The', last: 'Lion' }; const entries=Object.entries(animal); console.log(entries); 

Saída:

 [['first', 'The '] , ['last', 'Lion'] ] 

Neste método, o objeto é convertido em um array conforme mostrado na saída. Os métodos Object.entries() convertem as propriedades enumeráveis ​​baseadas em string do objeto em um array. A saída é impressa dessa forma porque os métodos Object.entries() definem corretamente cada aspecto do objeto de uma maneira melhor, para que durante a depuração você possa anotar qual propriedade está atribuída a qual string do objeto definido.

Estas são algumas das maneiras mais comuns de converter um objeto em um array. As formas acima também podem ser definidas coletivamente em um único trecho de código e os métodos também podem ser aplicados coletivamente com as propriedades dos objetos. Todos eles serão convertidos nos respectivos arrays. Considere os exemplos abaixo que mostram o uso de definir objetos coletivamente em um snippet.

tipos de testes de software
 const Snakes = { 'Cobra':{ Venom: 96%, Attack: 99% }, 'Viper':{ Venom: 98%, Attack: 96% }, 'InlandTaipan':{ Venom: 100%, Attack: 100% } } 

No trecho acima, definimos coletivamente a variável constante Snakes cujas propriedades são definidas como veneno e ataque . Atribuímos valores diferentes a todas as propriedades das diferentes cobras. Agora você pode usar todos os métodos definidos acima discutidos junto com as chaves, entradas ou valores.

Vejamos mais alguns exemplos de codificação diferentes para entender mais sobre a conversão de objetos javascript em arrays. Considere os trechos abaixo.

Exemplo 1:

 var object = {'0':5,'1':7,'2':4,'3':6,'4':7,'5':8,'6':12,'7':11,'8':2} var covert = Object.keys(object).map(function(key) { return [Number(key), object[key]]; }); console.log(convert); 

Aqui, os valores serão exibidos de acordo com a ordem das chaves definidas na variável do objeto. Atribuímos números diferentes para diferentes valores de chave e a variável convert mapeará essas chaves com o método Object.keys() e posteriormente será exibida no console na forma de arrays da variável de objeto definida.

string para inteiros

Exemplo 2:

 var superHeroes = {'Captain America':1,'Thor':8,'Iron Man':null}; //convert object keys to array var k = Object.keys(superHeroes); //convert object values to array var v = Object.values(superHeroes); 

Aqui, definimos a variável chamada Super-heróis com os valores do objeto conforme mostrado acima. Como já estudamos os três métodos de conversão do objeto em array em Javascript, estamos aplicando aqui o mesmo conceito para convertê-los em array.

Exemplo 3:

 const sampleArray = [ ['one', 1], ['two', 2], ]; Object.fromEntries(sampleArray); 

Saída:

 { one: 1, two: 2 } 

No exemplo acima, pegamos um array com suas respectivas propriedades e os definimos com seus valores. Aqui, o método Object.entries() cobre essas propriedades do objeto em um array conforme mostrado na saída.

Resumo

Neste artigo, encontramos vários métodos em Javascript que podem ser usados ​​para converter objetos com algumas propriedades indefinidas ou definidas em arrays de diferentes tipos. Também encontramos métodos comuns como chaves, objetos e entradas, e alguns outros, para citar alguns. Esses métodos são muito úteis quando você considera sua virtude de uso, pois na maioria dos casos é necessário obter a saída de forma associada ou, digamos, ordenada. Também podemos definir esses objetos convertendo-os em um array para realizar métodos de abstração para que apenas os dados desejados sejam exibidos e não os outros.