자바스크립트 - 루핑 코드

프로그래밍 언어는 반복적인 작업이나 유사한 작업 항목이 많은 상황에서
작업을 바르게 완료하는데 매우 유용하다.

for 문

기본구조
for (초기화; 조건; 최종 표현){
// code to run
}

예제
const cats = ['Bill', 'Jeff', 'Pete', 'Biggles', 'Jasmin'];
let info = 'My cats are called ';
const para = document.querySelector('p');
for (let i = 0; i < cats.length; i++) {
  info += cats[i] + ', ';
}
para.textContent = info;
// My cats are called Bill, Jeff, Pete, Biggles, Jasmin, 출력

이렇게 하면 문장의 끝이 쉼표가 된다.
for문 내에 조건문으로 고친다.

 for (let i = 0; i < cats.length; i++) {
  if (i === cats.length - 1) { // 배열의 마지막에 실행하는 코드
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }
}

while 문

for문과 구조가 조금 다를 뿐 기능은 같다.

기본구조

> initializer  // 초기값
while (condition) { // 조건
  // code to run 
  final-expression
}

예제

let i = 0;
while (i < cats.length) {
  if (i === cats.length - 1) {
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }
  i++;
}

do... While 문

do를 먼저 쓰고 while이 뒤에 쓰인다.
while문이나 do...while문을 사용하면 초기값의 조건이 결국 거짓이 되도록
해야한다. 그렇지 않으면 루프가 영원히 지속되고 브라우저가 중지되거나 충돌한다.

기본구조

initializer
do {
  // code to run
  final-expression
} while (condition)

예제

let i = 0;
do {
  if (i === cats.length - 1) {
    info += 'and ' + cats[i] + '.';
  } else {
    info += cats[i] + ', ';
  }
  i++;
} while (i < cats.length);