How to loop through object keys using Object.keys() in JavaScript

The Object.keys() method was introduced in ES6. It takes the object that you want to iterate over as an argument and returns an array containing all properties names (also known as keys).

You can then use any of the array looping methods, such as forEach(), to iterate through the array and retrieve the value of each property.

Here is an example that uses the Object.keys() method to iterate over the keys and values of an object:

const courses = {
  java: 10,
  javascript: 55,
  nodejs: 5,
  php: 15
}

// convert object to key's array
const keys = Object.keys(courses)

// print all keys
console.log(keys)
// [ 'java', 'javascript', 'nodejs', 'php' ]

// iterate over object
keys.forEach(key => {
  console.log(`${key}: ${courses[key]}`)
})

// java: 10
// javascript: 55
// nodejs: 5
// php: 15

In the above function declaration, I used ES6 syntax. I assume that you are already familiar with ES6 arrow functions. If you are new to ES6, read the arrow functions guide to learn about it.

✌️ Like this article? Follow me on Twitter and LinkedIn. You can also subscribe to RSS Feed.

You might also like...

Digital Ocean

The simplest cloud platform for developers & teams. Start with a $200 free credit.

Buy me a coffee ☕

If you enjoy reading my articles and want to help me out paying bills, please consider buying me a coffee ($5) or two ($10). I will be highly grateful to you ✌️

Enter the number of coffees below:

✨ Learn to build modern web applications using JavaScript and Spring Boot

I started this blog as a place to share everything I have learned in the last decade. I write about modern JavaScript, Node.js, Spring Boot, core Java, RESTful APIs, and all things web development.

The newsletter is sent every week and includes early access to clear, concise, and easy-to-follow tutorials, and other stuff I think you'd enjoy! No spam ever, unsubscribe at any time.