6.5.1.3 반복문
HTML과 다르게 반복문도 사용할 수 있으며, 반복 가능한 변수인 경우에만 해당됩니다.
다음과 같이 each로 반복문을 돌릴 수 있습니다. each 대신 for를 써도 됩니다.
퍼그 |
HTML |
ul each fruit in ['사과', '배', '오렌지', '바나나', '복숭아'] li= fruit |
<ul> <li>사과</li> <li>배</li> <li>오렌지</li> <li>바나나</li> <li>복숭아</li> </ul> |
반복문 사용 시 인덱스도 가져올 수 있습니다.
퍼그 |
HTML |
ul each fruit, index in ['사과', '배', '오렌지', '바나나', '복숭아'] li= (index + 1) + '번째 ' + fruit |
<ul> <li>1번째 사과</li> <li>2번째 배</li> <li>3번째 오렌지</li> <li>4번째 바나나</li> <li>5번째 복숭아</li> </ul> |