Typescript - iterate over Record type

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

Quick solution:

for (const key in recordName) {
    console.log(recordName[key]);
}

Practical examples

1. for...in statement example

In this example, we use for...in statement to iterate over the record.

const record: Record<string, number> = { A: 65, B: 66, C: 67 };

for (const key in record) {
    const value = record[key];
    console.log(key + ': ' + value);
}

Output:

A: 65
B: 66
C: 67

2. Object.keys() method example

In this example, we get keys before to be able iterate over the record.

const record: Record<string, number> = { A: 65, B: 66, C: 67 };

const keys = Object.keys(record);
for (let i = 0; i < keys.length; ++i) {
    const key = keys[i];
    const value = record[key];
    console.log(key + ': ' + value);
}

Output:

A: 65
B: 66
C: 67