The use of for looping in JavaScript is pretty easy and straight forward but in TypeScript there is some nuances that you need to know. I got stuck find a way to better understand and type in loops in TypeScript. Hope it helps you as well. Let’s check it out.

How to write a for loop in TypeScript

Simple for loop

To use for you need an object that have correct implemented or built-in Symbol.iterator for like Array, Map, Set, String, Int32Array, Uint32Array to iterate over.

const fruitsArray = ["apple", "orange", "grape"]

for (let fruit of fruitsArray) {
    console.log(fruit); // "apple", "orange", "grape"
}

for…of vs. for…in` statements

Both for..of and for..in statements iterate over objects with Symbol.iterator implemented. The values iterated on are different though, for..in returns a list of keys on the object being iterated, whereas for..of returns a list of values of the numeric properties of the object being iterated.

#typescript #javascript