I have an object that I populate with with very long keys (strings that are around 400 chars long). When I try to print the object
console.log(Object.keys(myCoolObject))
or
console.log(myCoolObject)
I can only see TWO of the keys (when in fact I should see around 20 of them). The keys are there though, because I when I try to access the data in the object with any of the keys, it does work.
console.log(myCoolObject['aVeryVeryLongKeyHere'])
Does anyone know what is going on?
Why are you using long keys? The longer the keys the longer the lookup will take when the object grows and grows.
But that's besides the point. If you want to print very long keys I suggest you modify your approach.
The "native" logging doesn't show all the data you need/want because it truncates the keys as they go "off screen". So you need to iterate manually through the object with the long keys, then print out the key, then print out the value.
Luckily you can work with comma's in console.log, so you can chain multiple debugging things in one go. If you look at the example below, you see I first print the key name as string, then I print the value with the native console.log printing, not losing the possibility to drill down into the value.
Press look at the display in the browsers console(press f12).
var key, CoolObject = {
'BysodelightofshowingneitherbelievehepresentDealsighupinshewawaywhenPursuitexpressnoorpreparerepliedWhollyformedoldlatterfuturebutwaysheDayherlikewisesmallestexpensesjudgmentbuildingmancarriagegayConsideredintroducedthemselvesmrtodiscretionatMeansamongsawhopesforDeathmirthinohlearnheequalonBysodelightofshowingneitherbelievehepresentDealsighupinshewawaywhenPursuitexpressnoorpreparerepliedWhollyformedoldlatterfuturebutwaysheDayherlikewisesmallestexpensesjudgmentbuildingmancarriagegayConsideredintroducedthemselvesmrtodiscretionatMeansamongsawhopesforDeathmirthinohlearnheequalonBysodelightofshowingneitherbelievehepresentDealsighupinshewawaywhenPursuitexpressnoorpreparerepliedWhollyformedoldlatterfuturebutwaysheDayherlikewisesmallestexpensesjudgmentbuildingmancarriagegayConsideredintroducedthemselvesmrtodiscretionatMeansamongsawhopesforDeathmirthinohlearnheequalon' : { 'hello' : 'hi'},
'AffrontingimprudencedoheheeverythingSexlasteddinnerwantedindeedwishedoutlawFaradvancedsettlingsayfinishedrailleryOfferedchieflyfartherofmynocolonelshynessSuchonhelpyesomedoorifinLaughterproposallaughinganysonlawconsiderNeededexceptuppiquedanAffrontingimprudencedoheheeverythingSexlasteddinnerwantedindeedwishedoutlawFaradvancedsettlingsayfinishedrailleryOfferedchieflyfartherofmynocolonelshynessSuchonhelpyesomedoorifinLaughterproposallaughinganysonlawconsiderNeededexceptuppiquedanAffrontingimprudencedoheheeverythingSexlasteddinnerwantedindeedwishedoutlawFaradvancedsettlingsayfinishedrailleryOfferedchieflyfartherofmynocolonelshynessSuchonhelpyesomedoorifinLaughterproposallaughinganysonlawconsiderNeededexceptuppiquedanAffrontingimprudencedoheheeverythingSexlasteddinnerwantedindeedwishedoutlawFaradvancedsettlingsayfinishedrailleryOfferedchieflyfartherofmynocolonelshynessSuchonhelpyesomedoorifinLaughterproposallaughinganysonlawconsiderNeededexceptuppiquedan' : {'world':'planet'},
'HeshareoffirsttoworseWeddingsandanyopinionssuitablesmallestnayMyhehousesormonthssettleremoveladiesappearEngrossedsufferingsupposingherecommenddoeagernessCommandednoofdependingextremityrecommendattentiontolerablyBringinghimsmallestmetfewnowreturnedsurpriselearningjenningsObjectiondeliveredeagernessheexquisiteatdoinWarmlyuphenearermrmerelymeHeshareoffirsttoworseWeddingsandanyopinionssuitablesmallestnayMyhehousesormonthssettleremoveladiesappearEngrossedsufferingsupposingherecommenddoeagernessCommandednoofdependingextremityrecommendattentiontolerablyBringinghimsmallestmetfewnowreturnedsurpriselearningjenningsObjectiondeliveredeagernessheexquisiteatdoinWarmlyuphenearermrmerelymeHeshareoffirsttoworseWeddingsandanyopinionssuitablesmallestnayMyhehousesormonthssettleremoveladiesappearEngrossedsufferingsupposingherecommenddoeagernessCommandednoofdependingextremityrecommendattentiontolerablyBringinghimsmallestmetfewnowreturnedsurpriselearningjenningsObjectiondeliveredeagernessheexquisiteatdoinWarmlyuphenearermrmerelymeHeshareoffirsttoworseWeddingsandanyopinionssuitablesmallestnayMyhehousesormonthssettleremoveladiesappearEngrossedsufferingsupposingherecommenddoeagernessCommandednoofdependingextremityrecommendattentiontolerablyBringinghimsmallestmetfewnowreturnedsurpriselearningjenningsObjectiondeliveredeagernessheexquisiteatdoinWarmlyuphenearermrmerelyme': {'and':'or'},
'SighviewamhighneathalftowhatSentlateheldthansetwhywifeourIfanblessingbuildingsteepestAgreementdistrustsmrssixaffectionsatisfied.DayblushesvisitorendcompanyoldpreventchapterConsiderdeclaredoutexpensesherconcernsNoatindulgenceconvictionparticularunsatiableboisterousdiscretionDirectenoughoffotherssayeldestmayexetershePossibleallignorantsuppliedgetsettlingmarriagerecurredSighviewamhighneathalftowhatSentlateheldthansetwhywifeourIfanblessingbuildingsteepestAgreementdistrustsmrssixaffectionsatisfied.DayblushesvisitorendcompanyoldpreventchapterConsiderdeclaredoutexpensesherconcernsNoatindulgenceconvictionparticularunsatiableboisterousdiscretionDirectenoughoffotherssayeldestmayexetershePossibleallignorantsuppliedgetsettlingmarriagerecurredSighviewamhighneathalftowhatSentlateheldthansetwhywifeourIfanblessingbuildingsteepestAgreementdistrustsmrssixaffectionsatisfied.DayblushesvisitorendcompanyoldpreventchapterConsiderdeclaredoutexpensesherconcernsNoatindulgenceconvictionparticularunsatiableboisterousdiscretionDirectenoughoffotherssayeldestmayexetershePossibleallignorantsuppliedgetsettlingmarriagerecurredSighviewamhighneathalftowhatSentlateheldthansetwhywifeourIfanblessingbuildingsteepestAgreementdistrustsmrssixaffectionsatisfied.DayblushesvisitorendcompanyoldpreventchapterConsiderdeclaredoutexpensesherconcernsNoatindulgenceconvictionparticularunsatiableboisterousdiscretionDirectenoughoffotherssayeldestmayexetershePossibleallignorantsuppliedgetsettlingmarriagerecurred' :{'universe':'galaxies'}
}
console.log('truncated keys because they are too long for display');
console.log(CoolObject);
console.log('truncated keys because they are too long for display');
console.table(CoolObject);
console.log('Showing by iterating the keys');
for(key in CoolObject) {
if(CoolObject.hasOwnProperty(key)) {
console.log(key,':', CoolObject[key]);
}
}
Ok so the problem didn't have anything with long keys, but as @Weedoze guessed (Thanks!) I was filling the object inside an async function, and since I wrote my console.log inside this function, I was seeing the object before it received all the data.