반복문

반복문

for문

자바스크립트에서 가장 많이 사용하는 반복문이며,  for문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리합니다.

for(초기값;조건; 증가식;){..}

• 초기값: 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언하고 초기화 합니다. 초기값은 0이나1부터 시작합니다
• 조건: 문장을 반복하기 위해 체크할 조건 부분입니다. 이 조건을 만족해야 for문에 있는 명령을 반복 할 수있습니다.
• 증가식: 문장을 실행한 후 카운터 변수를 증가시키는 부분입니다. 보통 카운터 값을 하나 더 증가시키는 용도로 사용합니다.

 

ps. for문에서 반복 횟수를 알기 위해 배열의 갯수를 알아야 할 때는 length를 사용합니다. 

console.log(x.length)

forEach 문 

앞에서  for문을 사용해 배열의 값을 가져왔는데, 배열에서는forEach 문을 사용해서 좀 더 편리하게 반복할 수 있습니다.

x.forEach(콜백함수){.....}

콜백함수란, 다른함수의 인수로 사용할 수 있는 함수를 가리킵니다.

 

for... in 문

배열에서만 반복되는 반복문이 forEach 문이라면 for in 문은 반복해서 객체의 값을 가져와서 처리할 수 있게 합니다.

for(변수 in 객체){.....}

for...in 문은 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하려면 대괄호를 사용합니다.

 

    var arr = [3, 4, 5];

    for (var i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함.
      document.write(i + " ");
    }
    document.write("<br>");

    for (var i in arr) { // 위와 같은 동작을 하는 for / in 문
      document.write(i + " ");
    }

결과 값 0,1,2

결과 값 0,1,2

for... of 문

for...of문의 문자열이나 배열과 같은 반복 가능 자료에 사용하는 반복문입니다. 앞에서 forEach문으로도 작성할 수 있습니다.

 

var arr = [3, 4, 5]

for (var value of arr) { // 위와 같은 동작을 하는 for / of 문
      document.write(value + " ");
    }
    //결과 값  3,4,5

 

짝수 홀수 구별 프로그램

See the Pen 짝수 홀수 by hyeonbeen97 (@hyeonbeen97) on CodePen.