JavaScript Object.keys returning empty array

Question

I'm trying to get the keys from a JavaScript Object. When I inspect the object I can see that there is a key value pair on the object but when I run Object.keys(myObject) I get an empty array returned. What am I doing wrong?

I'm following this documentation here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

And the function which creates the object is as follows:

query: function () {
  var query = {}
  _.each(this.$el.find('input:checked'), function (el, index) {
    Object.defineProperty(query, el.id, {value: el.value})
  })
  return query
}

`Object.keys` only returns _enumerable_ _own_ keys. Try `Object.getOwnPropertyNames`. — Benjamin Gruenbaum, Nov 05 '15 at 18:10
OMG thanks. you saved me a whole lot of pain & head scratching — Linda Keating, Nov 05 '15 at 18:14
http://stackoverflow.com/questions/22658488/object-getownpropertynames-vs-object-keys — prasun, Nov 05 '15 at 18:19

score 19 · Accepted Answer · answered Nov 05 '15 at 18:15

19

Object.keys only returns enumerable own keys. Try Object.getOwnPropertyNames.

answered Nov 05 '15 at 18:15

Benjamin Gruenbaum

270,886
87
504
504

score 6 · Answer 2 · answered Nov 05 '15 at 18:15

6

Console.log prints the most recent value of its contents and not the value of that content at that specific time of execution.

To log the array, try deep-cloning its value to another variable and then console log it.

 console.log(JSON.parse(JSON.stringify(keys)));

answered Nov 05 '15 at 18:15

Divyanth Jayaraj

950
4
12
29

This answer deserves way more credit. Thank you so much! – Puka Jul 19 '22 at 15:23

JavaScript Object.keys returning empty array

2 Answers2