JavaScript04 - 반복문(For) (예시 포함)

🟰반복문 for은 말 그대로 일정한 조건아래서 반복을 수행하는 제어문이다.

자바의 반복문과 동일하지만 변수선언은 let을 사용한다.
쓰는 방식은 아래와 같다.

for(초기화 변수값; 조건식; 증감식){
 ...
반복문 수행
...
}
조건식이 만족할 때까지 초기화 한 변수값을 증감식을 적용해가며 반복문을 수행한다.
 

    const arr= ['짱구','유리','맹구','훈이','철수','수지']
    const list = document.getElementById('list')

    for(let i=0; i<arr.length;i++){
        const li = document.createElement('li')
        li.innerText = arr[i]
        list.appendChild(li)
    }​

이해를 돕기 위해 아래 내용을 실행해보자.
반복문 내용은 li태그를 가져와서 li태그 내용에 arr 요소를 삽입하는 반복문이다.
innerText, appendChild모두 나중에 다루도록 하겠다.

See the Pen Untitled by 이선로 (@ttxvrsis-the-animator) on CodePen.