TypeScript - iterate over object

In this article, we would like to show you how to iterate over an object in TypeScript.

Below examples show two ways of how to do that:

1. Using for...in statement
2. using Object.entries() method

1. for...in statement example

The below example shows how to iterate over object properties using for...in statement.

Practical example:

interface MyObject {
  a: number;
  b: number;
  c: number;
}

const object: MyObject = { a: 1, b: 2, c: 3 };

for (const prop in object) {
  console.log(prop);
}

Output:

a
b
c

2. Object.entries() method example

The below example shows how to iterate over object using Object.entries() to get every key / value pair from object.

interface MyObject {
  a: number;
  b: number;
  c: number;
}

const object: MyObject = { a: 1, b: 2, c: 3 };

for (const [key, value] of Object.entries(object)) {
  console.log(`${key}: ${value}`);
}

Output:

a: 1
b: 2
c: 3