본문 바로가기
language

자바스크립트 for문 알기 쉽게 정리 - 반복문

by By the Ronys 2020. 10. 7.
반응형

오늘은 자바스크립트에 for문에 대해서 알아보자.

 

포문1

컴퓨터가 사람보다 잘하는 것이라고 하면 단연 반복하는 것이라고 말할 수 있다. 예를 들어 1번부터 10번까지를 하나씩 출력하라고 하면 이 정도는 할 수 있지만 1번부터 10번이 아닌 100번 1000번이라고 하면 하기가 여간 힘든 게 아닐 것이다. 그래서 생긴 것이 바로 반복문이다. 하고자 하는 행동이 내에서 어떠한 패턴이 동일하게 반복이 된다면 반복문 즉 for문을 통해서 처리를 할 수 있다. 그럼 JavaScript에서는 어떻게 for문을 사용하는지 같이 알아보자.

 

for문 문법


더보기

for ( 1_시작조건; 2_반복 조건; 4_매번 반복 후에 일어나는 동작) {

      3_ 매번 반복마다 실행 될 명령어들

}

이란 구조로 되어 있다. 앞에 순서를 써놓은 이유는 바로 이 순서대로 동작을 하기 때문이다.

1번 시작조건이 맞다면 for문이 시작된다. 그리고 2번에 반복 조건에 참일 시 3번에 있는 명령어들이 실행이 되고 4번을 실행한다. 이렇게 계속 반복이 되다가 2번 조건에서 거짓이라고 되는 순간 for문은 종료된다. 

 

for문을 통한 순서대로 숫자 출력


위에서 말한거와 같이 1~4번 순서대로 동작하며 i가 1부터 시작하고 11보다 작을때 까지 조건이므로 1~10번까지 출력이 된다. 여기서 i++이란 i = i +1과 같은 표현이다.

포문2

 

for문을 통한 리스트 출력


리스트에 있는 것들을 출력할때도 for문을 이용할 수가 있다. 여기 리스트에는 총 4명이 있고 0번부터 3번까지 저장되어 있다. 그럼 반복 조건을 i < names.length가 아닌 i < 4로 바꾸어도 상아까지 출력이 될 것이다. 하지만 names.length로 하는 것은 리스트의 길이가 추가되거나 제거될 수 있기 때문이다. 그렇게 되면 그때마다 코드의 조건을 4에서 변경을 시켜줘야 하기 때문에 리스트의 길이가 추가되거나 제거되더라도 names.length를 사용하여 이를 해결할 수 있다.

포문3

 

이것으로 JavaScript for문에 대해서 알아보았다.

 

오늘도 유용한 정보가 되었길 바라며 마치도록하겠다. 감사합니다 ^^

댓글