@for loop (through vs to) in SASS - Quick Revision & Key Differences

Recall & Review

beginner

What does the @for $i from 1 through 5 loop do in Sass?

It loops from 1 to 5, including both 1 and 5. So, it runs 5 times with $i values 1, 2, 3, 4, and 5.

beginner

What is the difference between through and to in a Sass @for loop?

through includes the last number in the loop, while to stops before the last number. For example, @for $i from 1 through 5 runs 5 times, but @for $i from 1 to 5 runs 4 times.

beginner

How would you write a Sass @for loop that runs exactly 3 times with $i values 1, 2, and 3?

Use @for $i from 1 through 3 to include the number 3 in the loop.

intermediate

What happens if you use @for $i from 1 to 1 in Sass?

The loop does not run at all because to excludes the last number, so it loops from 1 up to but not including 1.

beginner

Why might you choose through over to in a Sass @for loop?

Choose through when you want to include the last number in your loop count, for example, when styling a fixed number of elements or steps.

What does @for $i from 1 to 4 do in Sass?

A Loops with $i values 1, 2, 3, 4

B Loops with $i values 2, 3, 4

C Loops with $i values 1, 2, 3

D Loops with $i values 1, 2, 3, 4, 5

to excludes the last number, so it loops from 1 up to but not including 4.

Which keyword includes the last number in a Sass @for loop?

A end

B to

C until

D through

through includes the last number in the loop.

How many times will @for $i from 1 through 3 run?

A 3 times

B 2 times

C 4 times

D 1 time

It runs 3 times with $i values 1, 2, and 3.

If you want to loop from 1 to 5 but exclude 5, which do you use?

A through

B to

C until

D from

to excludes the last number, so it stops before 5.

What happens if you write @for $i from 1 to 1?

A Does not run

B Runs twice with $i = 1, 2

C Runs once with $i = 1

D Runs infinitely

The loop does not run because to excludes the last number and 1 to 1 means no iterations.

Explain the difference between through and to in a Sass @for loop.

Think about whether the last number is counted or not.

Describe a situation where you would use @for $i from 1 through 5 instead of @for $i from 1 to 5.

When you want to style or create exactly 5 items.