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

By Atta Ur Rehman Shah (https://attacomsian.com/about). Published Sep 19, 2022. Topics: JavaScript.
Canonical URL: https://attacomsian.com/blog/javascript-iterate-object-using-object-keys

> Learn how to use the Object.keys() method to iterate over object keys and values in JavaScript.

The `Object.keys()` method was introduced in ES6. It takes the object that you [want to iterate over](https://attacomsian.com/blog/javascript-iterate-objects) 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()`](https://attacomsian.com/blog/javascript-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:

```javascript
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](https://attacomsian.com/blog/javascript-arrow-functions) guide to learn about it.
