Mastering Iterations: Loops in TypeScript

Welcome to our exploration of TypeScript's loop structures — important constructs for automating repetitive operations. We will be delving into the intricacies of the For Loop, For-In Loop, and For-Of Loop. Let's begin!

Much like replaying your favorite track, loops are employed to execute tasks repetitively. Here's a straightforward for loop that prints numbers from 1 to 5:

for (let i = 1; i <= 5; i++) {
    console.log(i); // Will print numbers from 1 to 5
}
/*
Prints:
1
2
3
4
5
*/

Our for loop begins by initializing i as 1, sets the condition i <= 5, and increments i by 1 in each iteration using i++. Consequently, i moves from 1 to 5, wherein each round prints the current value of i.

Note: i++ is an increment operation that augments the value of i by 1. It is essentially equivalent to i = i + 1 or i += 1, but in a more concise format.

Let's revisit our example:

for (let i = 1; i <= 5; i++) {
    console.log(i); // Will print numbers from 1 to 5
}

The For Loop consists of three components:

• Initialization: Here, i begins with a value of 1.
• Condition: The loop continues as long as i <= 5 holds true.
• Changes: In this case, i++ advances i by 1 with each succeeding loop iteration.
  • The changes can vary as per the requirements; we could also decrement i by 1 if the scenario warrants.

The generalized structure of the loop remains fixed:

for ([initialization]; [condition]; [changes]) {
    [loop body]
}

As an example, consider this snippet that lists all seven days of the week:

let days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
for (let i = 0; i < days.length; i++) { // 'i' traverses all indices in 'days'
    console.log(days[i]); // Prints each day of the week
}
/*
Prints:
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
*/

The for-in loop iterates over the properties of an object, almost as though checking the contents of a bag:

let star = {
    name: "Proxima Centauri",
    color: "Red",
    size: "Dwarf",
};
for (let feature in star) {
    console.log(feature, '->', star[feature]);
}
/*
Prints:
name -> Proxima Centauri
color -> Red
size -> Dwarf
*/

In this case, feature sifts through each property of the star object, and star[feature] retrieves the value for each attribute.