자바스크립트에서 반복문의 중첩을 활용하면 다양한 복잡한 패턴을 출력할 수 있습니다. 이번 글에서는 중첩 반복문을 사용하여 별모양의 다양한 패턴을 출력하는 방법에 대해 알아보겠습니다.

정사각형 패턴 출력하기

우선, 정사각형 모양의 별 패턴을 출력하는 예제를 살펴보겠습니다. 아래는 5x5 크기의 정사각형을 출력하는 코드입니다.

for (let i = 0; i < 5; i++) {
  let row = '';
  for (let j = 0; j < 5; j++) {
    row += '* ';
  }
  console.log(row);
}

이 코드에서 외부 반복문은 행을, 내부 반복문은 열을 나타냅니다. 내부 반복문이 실행될 때마다 ‘*‘을 추가하여 row 변수에 누적하고, 각 행이 끝날 때마다 console.log(row)를 통해 해당 행을 출력합니다.

삼각형 패턴 출력하기

이번에는 삼각형 모양의 별 패턴을 출력하는 예제를 살펴보겠습니다. 아래는 오른쪽으로 기울어진 삼각형을 출력하는 코드입니다.

for (let i = 0; i < 5; i++) {
  let row = '';
  for (let j = 0; j <= i; j++) {
    row += '* ';
  }
  console.log(row);
}

이 코드에서 내부 반복문의 조건이 j <= i로 변경되었습니다. 외부 반복문은 여전히 행을, 내부 반복문은 해당 행의 열을 나타냅니다. 내부 반복문이 실행될 때마다 ‘*‘을 추가하여 row 변수에 누적하고, 각 행이 끝날 때마다 console.log(row)를 통해 해당 행을 출력합니다.

마무리

중첩 반복문을 이용하여 다양한 별모양 패턴을 출력할 수 있습니다. 여기서는 정사각형과 삼각형 패턴만을 다루었지만, 반복문을 활용하면 다양한 기하학적 도형이나 복잡한 패턴을 출력할 수 있습니다.

이상으로 자바스크립트의 반복문을 활용한 복잡한 패턴 출력에 대해 알아보았습니다.

MDN web docs 에서 자세한 정보를 확인할 수 있습니다.