[자바스크립트] 개발자를 편하게 만들어주는 for 루프 (loop)

 

안녕하세요💕

자바스크립트 for 루프에 대해 알아보겠습니다. ^^

 

 for 루프는 while 루프와는 다르게, 보다 명확하게 조건(원하는 횟수를 설정)을 설정할 수 있습니다.

기본 작성형식은 for () {} 의 형태로 이며, 조건안에 변수의 값을 설정 할 수 있습니다. 

 

 for문의 기본 작성 형식을 먼저 알아볼까요?

while 문과 비교했을떄 보다 간단하게 작성 할수 있는걸 볼수 있습니다.

// for문 기본 작성 
for(i=0; i<2; i++) { /// i=0 이 start지점, i<2 이 end 지점. i++ 이 change 지점
  console.log(i);
}

// 위 for문과 동일한 while 조건문은 아래와같이 작성됩니다.

var i = 1;
   while(i<2) {
   console.log(i);
   i++;
}

 

그럼 아래 문제를 통해 Fuzzbuzz 문제를 for문으로 작성 해보겠습니다~!

❓Fizzbuzz란 영/미 문화권의 구구단을 재미있게 배우기 위해 흔히들 하는 게임이라고 하는데요, 우리나라의 3,6,9 게임과 비슷하다고 생각하시면 될것같아요. ^^ 1부터 돌아가면서 숫자를 말하되, 3의 배수에서는 "Fizz!"를 외치고 5의 배수에서는 "Buzz!"를 외치고, 3과 5의 둘다 해당되는 배수에서는 "Fizzbuzz!"를 외치는 게임입니다.

 

var output = [];

function fizzBuzz() {

for(count=1; count<=100; count++) { // /// cout=1 이 start지점, cout<=100 이 end 지점. count++ 이 change 지점
if (count % 3 === 0 && count % 5 === 0) {
    output.push("FizzBuzz");
} else if (count % 3 === 0) {
    output.push("Fizz");
} else if (count % 5 === 0) { 
    output.push("Buzz");
} else {
    output.push(count);
}
}
    console.log(output);
}

 

위 함수 실행시 아래와 같이 계산되어 출력됩니다 ^^

fizzbuzz() 실행시 콘솔창 결과

 

 

감사합니다.