Javascript (자바스크립트) 예제 - 구구단 만들기

자바스크립트 반복문을 연습하는 방법 중에 

가장 많이 하는 방법이 반복문을 이용해 구구단을 만드는 방법이 있다.

for (var i = 2; i <= 9; i++){
   for (var j = 2; j <= 9; j++){
      console.log(i + "*" + j + "=" + i*j);
   }
}

// 2*2=4
// 2*3=6
// 2*4=8
// ...
// 5*2=10
// 5*3=15
// 5*4=20
// ...
// 9*7=63
// 9*8=72
// 9*9=81

// 2단~9단까지의 내용이 각각 출력된다.

i는 각 단의 숫자를

j는 각 단별로 곱할 숫자를 나타낸다.

 

ex) i가 2일 때, j는 2~9까지 반복이 된다.

    2*2, 2*3 ~ 2*9로 반복된다.

    그리고 i가 2일 때의 반복이 끝나면, i는 3으로 증가하고

    j는 다시 2부터 9까지 반복이 된다.

 

 

위의 경우는 콘솔이 각각 출력이 되는데

구구단을 한 번에 출력을 하기 위해 변수를 사용하여

 

출력 될 값을 문자열에 담아서 한 번에 출력할 수도 있다.

var box = "";

for (var i = 2; i <= 9; i++){
    for (var j = 2; j <= 9; j++){
        box += i + "*" + j + "=" + i*j + "\t";   // \t 는 탭을 나타내는 인용부호
    }
    box += "\n";   // \n 은 줄바꿈을 나타내는 인용부호
}
console.log(box);


/*

2*2=4   2*3=6   2*4=8  ...  2*9=18
3*2=6   3*3=9   3*4=12 ...  3*9=27
...
...
9*2=18  9*3=27  9*4=36 ...  9*9=81

*/
// 위의 값이 한 번에 출력