How to get the Last item in an Object using JavaScript

# Get the Last item in an Object in JavaScript

To get the last item in an object:

1. Use the Object.keys() method to get an array of the object's keys.
2. Use the Object.values() method to get an array of the object's values.
3. Use the Array.pop() method to get the last key and value in the object.

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

const lastKey = Object.keys(obj).pop();
console.log(lastKey); // 👉️ three

const lastValue = Object.values(obj).pop();
console.log(lastValue); // 👉️ 3

The Object.keys() method returns an array of the object's keys.

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

// 👇️ ['one', 'two', 'three']
console.log(Object.keys(obj));

The Object.values() method returns an array of the object's values.

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

console.log(Object.values(obj)); // 👉️ [1, 2, 3]

The last step is to use the Array.pop() method to remove and return the last element from the arrays.

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

const lastKey = Object.keys(obj).pop();
console.log(lastKey); // 👉️ three

const lastValue = Object.values(obj).pop();
console.log(lastValue); // 👉️ 3

You can also get the value by using the key.

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

const lastKey = Object.keys(obj).pop();
console.log(lastKey); // 👉️ three

const v = obj[lastKey];
console.log(v); // 👉️ 3

We used bracket notation to access the value that's associated with the property.

If you don't want to use the Array.pop() method, you could also use the Array.at() method.

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

const lastKey = Object.keys(obj).at(-1);
console.log(lastKey); // 👉️ three

const lastValue = Object.values(obj).at(-1);
console.log(lastValue); // 👉️ 3

The Array.at() method returns the array element at the specified index.

The method supports negative indices to count backward, where -1 is the last array element, -2 the second to last, etc.

# Get the last key-value pair in an object using Object.entries()

This is a two-step process:

1. Use the Object.entries() method to get an array of key-value pairs.
2. Use the Array.pop() method to get the last key-value pair.

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

const [key, value] = Object.entries(obj).pop();

console.log(key); // 👉️ three
console.log(value); // 👉️ 3

The Object.entries() method returns an array of the given object's key-value pairs.

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

// 👇️ [['one', 1], ['two', 2], ['three', 3]]
console.log(Object.entries(obj));

We used the Array.pop() method to get the last key-value pair array.

The last step is to use destructuring assignment to assign the first and second array elements to the key and value variables.

Copied!
const [key, value] = ['three', 3];

console.log(key); // 👉️ three
console.log(value); // 👉️ 3

An easy way to think about the destructuring assignment is that we're assigning the array elements to variables with the order of assignment being preserved.

You can also use the Array.at() method instead of Array.pop().

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

const [key, value] = Object.entries(obj).at(-1);

console.log(key); // 👉️ three
console.log(value); // 👉️ 3

The Array.at() method takes an integer and returns the item at that index.

The method allows for positive and negative integers.

You can use negative integers to count back from the end of the array.

# Additional Resources

You can learn more about the related topics by checking out the following tutorials:

• Get an Object's Key or Value by Index in JavaScript
• Get the index of an Object in an Array in JavaScript
• Get the Max id in an Array of Objects in JavaScript
• Get an Object's Key by its Value using JavaScript
• Get an Object's Value using a Variable Key in JavaScript