logo

Muunna objekti taulukoksi Javascriptissä

Javascript, joka on laaja ja monipuolinen ohjelmointikieli, sisältää runsaasti ominaisuuksia muuntaa kohteen taulukoksi. Nämä menetelmät on ennalta määritetty itse kielessä. Katsotaanpa erilaisia ​​tapoja muuntaa objektit taulukoiksi javascriptissä.

Muuntaaksesi an esine osaksi an joukko sisään Javascript , voit käyttää erilaisia ​​menetelmiä. Jotkut menetelmistä ovat Object.keys(), Object.values(), ja Object.entries().

Harkitse alla olevia esimerkkejä ymmärtääksesi yllä olevat menetelmät.

Tapa 1: Object.keys()

system.out.println
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

Lähtö:

 The Lion 

Yllä olevassa esimerkkikoodissa olemme käyttäneet Object.keys()-metodia muuntaaksemme eläinobjektin ominaisuuden nimen taulukoksi. Olemme määrittäneet muuttujan eläin, jossa on eläinobjektin ensimmäinen ja viimeinen alkukirjain ja myöhemmin olemme muuntaneet ne taulukoksi Object.keys()-metodin avulla.

Tapa 2: Object.values()

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

Lähtö:

java silmukan loppu
 ['The', 'Lion'] 

Tässä menetelmässä olemme käyttäneet Object.values() -menetelmää eläinobjektin ominaisuuksien hakemiseen. Object.values()-menetelmä muuntaa määritellyn objektieläimen taulukoksi ja tulos tulostetaan konsolille yllä kuvatulla tavalla.

Tapa 3: Object.entries()

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

Lähtö:

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

Tässä menetelmässä objekti muunnetaan taulukoksi tulosteen mukaisesti. Object.entries()-metodit muuntaa objektin numeroitavat merkkijonopohjaiset ominaisuudet taulukoksi. Tulos tulostetaan tällä tavalla, koska Object.entries() -metodit määrittelevät oikein objektin jokaisen osan paremmin, joten virheenkorjauksen aikana voit huomioida, mikä ominaisuus on määritetty millekin määritetyn objektin merkkijonolle.

Nämä ovat joitain yleisimmistä tavoista muuntaa objekti taulukoksi. Yllä olevat tavat voidaan myös määritellä kollektiivisesti yhdeksi koodinpätkäksi ja menetelmiä voidaan soveltaa myös kollektiivisesti objektien ominaisuuksien kanssa. Ne kaikki muunnetaan vastaaviksi taulukoiksi. Tarkastellaan alla esimerkkejä, jotka osoittavat kohteiden määrittämisen yhdessä yhdeksi katkelmaksi.

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

Yllä olevassa katkelmassa olemme kollektiivisesti määrittäneet vakiomuuttujan Snakes, joiden ominaisuudet on määritelty myrkky ja hyökkäys . Olemme määrittäneet eri arvot kaikille eri käärmeiden ominaisuuksille. Voit nyt käyttää kaikkia edellä mainittuja menetelmiä avainten, merkintöjen tai arvojen kanssa.

Katsotaanpa lisää erilaisia ​​koodausesimerkkejä ymmärtääksemme enemmän javascript-objektien muuntamisesta taulukoiksi. Harkitse alla olevia katkelmia.

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

Tässä arvot näytetään objektimuuttujassa määritetyn avainten järjestyksen mukaisesti. Olemme määrittäneet eri numerot eri avainarvoille ja muuttuja convert kartoittaa nämä avaimet Object.keys()-metodilla ja se näytetään myöhemmin konsolissa määritellyn objektimuuttujan taulukoiden muodossa.

dhl tarkoittaa mitä

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

Tässä olemme määrittäneet muuttujan nimeltä supersankarit kohdearvoilla yllä olevan kuvan mukaisesti. Koska olemme jo tutkineet kolmea menetelmää objektin muuntamiseksi taulukoksi Javascriptissä, käytämme samaa konseptia tässä muuntamaan ne taulukoksi.

Esimerkki 3:

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

Lähtö:

 { one: 1, two: 2 } 

Yllä olevassa esimerkissä olemme ottaneet taulukon vastaavien ominaisuuksiensa kanssa ja määrittäneet ne arvoillaan. Tässä Object.entries()-metodi kattaa objektin ominaisuudet taulukoksi tulosteen mukaisesti.

Yhteenveto

Tässä artikkelissa törmäsimme erilaisiin Javascriptin menetelmiin, joita voidaan käyttää objektien muuntamiseen joillakin epämääräisillä tai määrätyillä ominaisuuksilla erityyppisiksi taulukoiksi. Tapasimme myös yleisiä menetelmiä, kuten avaimia, objekteja ja merkintöjä, ja joitain muita mainitaksemme. Nämä menetelmät ovat erittäin hyödyllisiä, kun tarkastellaan niiden käytön etua, koska useimmissa tapauksissa vaaditaan tulosteen saaminen liitetyllä tai esimerkiksi lajitetulla tavalla. Voimme myös määrittää nämä objektit muuntamalla ne taulukoksi abstraktiomenetelmien suorittamista varten siten, että vain haluttu data näytetään, ei muuta.