#5.8 Iteration

이원규·2022년 6월 5일
0

Itube

목록 보기
17/46
post-custom-banner

What is Iteration?

  • for i in array 와 거의 똑같은 개념임!

사용법

Iteration 사용 문법

Home.pug에 나타낼 것임.

  1. home을 render하는 controller가 있는 videocontroller로 ㄱ ㄱ
  2. 여기다가 array를 하나 만들어, home.pug에 변수를 전해준다.
export const trending = (req,res) => {
    const videos = [1,2,3,4,5,6,7,8,9,10];
    return res.render("home",{pageTitle : "Home", videos:videos});
}
  1. home.pug에서 다음과 같이 사용한다.
        ul 
        each video in videos
            li=video // 혹은 li #{video}
        else
            li Sorry noting found.

-> array 내의 하나의 물건을 => each 아이템명(내가 임의로 지정) in array명(변수로 전달받은)
이런식으로 사용하면 됨! 이 때, 변수로 전달받은 부분은 무조건 array여야하고 존재해야만 한다.

TIP) pug내의 꿀기능

-> 위의 식같이 만약 videos가 비었다면(객체로 전달받은 array가 비었다면) else로 처리할 수 있다. 즉, if가 없어도 처리할 수 있다는 뜻임 꿀팁.(이건 JS가 아니라 Pug내의 기능이다.)

profile
github: https://github.com/WKlee0607
post-custom-banner

0개의 댓글