logo

Converteer object naar array in Javascript

Javascript, een brede en gevarieerde programmeertaal, bestaat uit een ruime hoeveelheid functies om een ​​object in een array om te zetten. Deze methoden zijn vooraf gedefinieerd in de taal zelf. Laten we eens kijken naar de verschillende manieren om objecten naar arrays in JavaScript te converteren.

Om een voorwerp in een reeks in Javascript , kunt u verschillende soorten methoden gebruiken. Sommige methoden zijn dat wel Object.keys(), Object.waarden(), En Object.entries().

Bekijk de onderstaande voorbeelden om de bovenstaande methoden te begrijpen.

Methode 1: Object.keys()

Java-constante
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

Uitgang:

 The Lion 

In de bovenstaande voorbeeldcode hebben we de methode Object.keys() gebruikt om de eigenschapsnaam van het dierobject naar een array te converteren. We hebben een variabele gedefinieerd dier, die de eerste en de laatste initialen van het dierlijke object heeft en later hebben we ze omgezet in een array met behulp van de Object.keys() methode.

Methode 2: Object.values()

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

Uitgang:

 ['The', 'Lion'] 

Bij deze methode hebben we de methode Object.values() gebruikt om de eigenschappen van het dierlijke object op te halen. De Object.values()-methode converteert het gedefinieerde objectdier naar een array en de uitvoer wordt op de console afgedrukt, zoals hierboven weergegeven.

Methode 3: Object.entries()

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

Uitgang:

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

Bij deze methode wordt het object omgezet in een array zoals weergegeven in de uitvoer. De Object.entries()-methoden converteren de opsombare, op tekenreeksen gebaseerde eigenschappen van het object naar een array. De uitvoer wordt op een zodanige manier afgedrukt omdat de methoden Object.entries() elk afzonderlijk aspect van het object correct en op een betere manier definiëren, zodat u tijdens het debuggen kunt noteren welke eigenschap aan welke string van het gedefinieerde object is toegewezen.

Dit zijn enkele van de meest gebruikelijke manieren om een ​​object naar een array te converteren. De bovenstaande manieren kunnen ook collectief worden gedefinieerd in een enkel codefragment en de methoden kunnen ook collectief worden toegepast met de eigenschappen van de objecten. Ze worden allemaal omgezet in respectievelijke arrays. Bekijk onderstaande voorbeelden die het gebruik laten zien van het gezamenlijk definiëren van objecten in één fragment.

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

In het bovenstaande fragment hebben we gezamenlijk de constante variabele Slangen gedefinieerd waarvan de eigenschappen zijn gedefinieerd als venijn En aanval . We hebben aan alle eigenschappen van verschillende slangen verschillende waarden toegekend. U kunt nu alle hierboven besproken methoden gebruiken, samen met de sleutels, vermeldingen of waarden.

Laten we nog een aantal andere coderingsvoorbeelden bekijken om meer inzicht te krijgen in de conversie van JavaScript-objecten naar arrays. Beschouw de onderstaande fragmenten eens.

Voorbeeld 1:

xd betekenis
 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); 

Hier worden de waarden weergegeven volgens de volgorde van de sleutels die in de objectvariabele is gedefinieerd. We hebben verschillende nummers toegewezen aan verschillende sleutelwaarden en de variabele convert zal deze sleutels in kaart brengen met de Object.keys() methode en deze zal later op de console worden weergegeven in de vorm van arrays van de gedefinieerde objectvariabele.

Voorbeeld 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); 

Hier hebben we de variabele genaamd gedefinieerd superhelden met de objectwaarden zoals hierboven weergegeven. Omdat we de drie methoden voor het converteren van het object naar een array in Javascript al hebben bestudeerd, passen we hier hetzelfde concept toe om ze naar de array te converteren.

Voorbeeld 3:

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

Uitgang:

 { one: 1, two: 2 } 

In het bovenstaande voorbeeld hebben we een array met hun respectievelijke eigenschappen genomen en deze met hun waarden gedefinieerd. Hier omvat de methode Object.entries() die eigenschappen van het object in een array zoals weergegeven in de uitvoer.

Samenvatting

In dit artikel kwamen we verschillende methoden in Javascript tegen die kunnen worden gebruikt om objecten met een aantal onbepaalde of bepaalde eigenschappen om te zetten in arrays van verschillende typen. We kwamen ook veelgebruikte methoden tegen, zoals sleutels, objecten en items, en enkele andere, om er maar een paar te noemen. Deze methoden zijn erg handig als je de bruikbaarheid ervan in ogenschouw neemt, aangezien het in de meeste gevallen nodig is om de uitvoer op een bijbehorende of bijvoorbeeld gesorteerde manier te verkrijgen. We kunnen deze objecten ook definiëren door ze om te zetten in een array voor het uitvoeren van abstractiemethoden, zodat alleen de gewenste gegevens worden weergegeven en niet de andere.