Access the First Property of an Object in JavaScript

Access the First Property of an Object in JavaScript #

To access the first property of an object, pass the object to the Object.values method and access the element at index 0, e.g. Object.values(obj)[0].

The Object.values method returns an array containing all of the object's values.

Copied!
// 👉️ Not Supported in IE 6-11
const obj = {one: '1', two: '2', three: '3'};

const firstValue = Object.values(obj)[0]; // 👉️ '1'
console.log(firstValue);

The Object.values method returns an array containing all of the object's values. In our example - ['1', '2', '3'].

Note that Object.values is not natively supported in Internet Explorer. If you need to support the browser, add a polyfill for it or use babel to compile your code to an older version of JavaScript that the browser can understand.

Alternatively, you can use the Object.keys method, which is supported in Internet Explorer 9-11.

Copied!
// 👉️ Supported in IE 9-11
const obj = {one: '1', two: '2', three: '3'};

const firstValue = obj[Object.keys(obj)[0]]; // 👉️ '1'
console.log(firstValue);

In the code snippet we used the Object.keys method to get an array of the object's keys.

Copied!
const obj = {one: '1', two: '2', three: '3'};

const keys = Object.keys(obj) // 👉️ ['one', 'two', 'three']
console.log(keys)

To get the first key of the object, we access the array at index 0.

The last step is to access the object at the first property to get the corresponding value.

Copied!
const obj = {one: '1', two: '2', three: '3'};

const keys = Object.keys(obj); // 👉️ ['one', 'two', 'three']

const value = obj[keys[0]]; // 👉️ '1'
console.log(value);

Further Reading #

• Check if Array Contains an Object in JavaScript
• Filter an Array of Objects based on a property - JavaScript
• How to Check if an Object is Empty in JavaScript
• Check if all Object Properties are Null in JavaScript
• Check if an Object has a Nested Property in JavaScript
• Get the Max id in an Array of Objects in JavaScript
• Get the Min/Max Values in an Object in JavaScript
• Get the index of an Object in an Array in JavaScript
• How to Clear an Object in JavaScript
• Get an Object's Keys as Array in JavaScript
• Get an Object's Values as Array in JavaScript