How to Get JavaScript Object's First Own Enumerable Key Name?

Get the name of the first key/property of a JavaScript object

To get an object's first key/property name from its own (i.e. non-inherited) enumerable properties, you can do either of the following:

// ES5+
// ES8+
const [key] = Object.entries(obj)[0];

You should note that, prior to ES2020/ES11, the order of the keys is not guaranteed when using either of these methods. If you really need to rely on the order of the object then you should consider using Map (which uses insertion order) or sort the resulting array.

Starting from ES2020/ES11, the order of Object.keys() and Object.entries() is the same as that of a loop. This means when using either of these methods, the order of the object (own, enumerable) properties would be the following:

  1. Numeric keys in ascending order;
  2. String keys in insertion order;
  3. Symbols in insertion order.

For example:

const obj = { foo: 'bar', 123: 'baz', 0: 'qux' };
const firstKey = Object.keys(obj)[0];

console.log(firstKey); // '0'
const obj = { foo: 'bar', 123: 'baz', 0: 'qux' };
const [firstKey] = Object.entries(obj)[0];

console.log(firstKey); // '0'

Hope you found this post useful. It was published . Please show your love and support by sharing this post.