# Iterating over all keys stored in local storage using JavaScript

By Atta Ur Rehman Shah (https://attacomsian.com/about). Published Dec 4, 2020, updated Oct 8, 2022. Topics: JavaScript.
Canonical URL: https://attacomsian.com/blog/javascript-iterate-over-local-storage-keys

> A quick guide to learn how to iterate over all keys stored in the local storage by using JavaScript.

There are many ways to iterate through all keys stored in a `localStorage` object using JavaScript.

The quickest way is to use the [for loop](https://attacomsian.com/blog/javascript-loops) to iterate over all keys just like an array:

```javascript
for (let i = 0; i < localStorage.length; i++) {
  const key = localStorage.key(i)
  console.log(`${key}: ${localStorage.getItem(key)}`)
}
```

Another way is to use the [for...in loop](https://attacomsian.com/blog/for-in-loop-in-javascript) to iterate over all keys of the `localStorage` object:

```javascript
for (const key in localStorage) {
  console.log(`${key}: ${localStorage.getItem(key)}`)
}
```

The above code snippet iterates over all keys stored in `localStorage` and prints them on the console. However, it also outputs the built-in `localStorage` properties like `length`, `getItem`, `setItem`, and so on.

To filter-out the [object prototype's own properties](https://attacomsian.com/blog/javascript-object-check-if-property-exists), you can use the `hasOwnProperty()` method as shown below:

```javascript
for (const key in localStorage) {
  // Skip built-in properties like length, setItem, etc.
  if (localStorage.hasOwnProperty(key)) {
    console.log(`${key}: ${localStorage.getItem(key)}`)
  }
}
```

Finally, the last way is to use the `Object.keys()` method to collect all "own" keys of `localStorage` and then loop over them by using the [for...of loop](https://attacomsian.com/blog/javascript-for-of-loop):

```javascript
const keys = Object.keys(localStorage)
for (let key of keys) {
  console.log(`${key}: ${localStorage.getItem(key)}`)
}
```

Read [this article](https://attacomsian.com/blog/web-storage-api-local-storage-session-storage) to learn more about HTML web storage API and how to use `localStorage` and `sessionStorage` objects to store information in the user's browser.