본문 바로가기
개발자 꿈나무/JavaScript

반복문(Loop)

by ♥︎해이나♥︎ 2020. 8. 15.
반응형

반복문이란?

컴퓨터 프로그래밍에서 반복문은 제어문 중의 하나로, 프로그램 소스 코드 내에서 특정한 부분의 코드가 반복적으로 수행될 수 있도록 하는 구문이다.

직접 활용해보자!

<h1> Loop </h1>
<ul>
<script>
  Document.write('<li>1</li>');
  Document.write('<li>2</li>');
  Document.write('<li>3</li>');
  Document.write('<li>4</li>');
</script>
</ul>

위의 스크립트를 실행하면 1,2,3,4가 순서대로 추출된다. 그런데 만약 2,3을 1억번 반복해서 추출해야 한다면? 물론 위의 소스를 1억번 복사 붙여넣기 해도 같은 결과값을 얻을 수 있지만, 수정할 부분이 생기면... OTL 유지보수가 몹시 불편할 것이다. 그래서 우리는 반복문을 사용한다.

<ul>
<script>
  document.write('<li>1</li>');
  var i = 0;
  while(i < 3){
    document.write('<li>2</li>');
    document.write('<li>3</li>');
    i = i + 1;
  }
  document.write('<li>4</li>');
</script>
</ul>

변수 i의 값을 이용하여 2,3이 3번 반복 추출되도록 만들었다. 반복문을 사용할 때에는 반복문이 '언제 종료될 것인가'를 꼭 지정해 주어야 한다.

※생활코딩 > WEB > WEB2 - JavaScript 강의를 통해 공부한 내용입니다.

반응형

'개발자 꿈나무 > JavaScript' 카테고리의 다른 글

함수(function) 기초  (0) 2020.08.20
반복문에 배열 활용하기  (0) 2020.08.18
배열(Array)  (0) 2020.08.06
리팩토링(refactoring)  (0) 2020.07.13
조건문  (0) 2020.07.11

댓글0