자바스크립트 초보자를 위한 for문 예제 5가지

 

 

자바스크립트 초보자를 위한 for문 예제 5가지

1. 1부터 10까지 숫자 출력하기

JavaScript

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

코드를 사용할 때는 주의가 필요합니다.

 

• 설명: i라는 변수를 1부터 시작하여 1씩 증가시키면서 10보다 작거나 같을 때까지 반복하며, 각 반복마다 i의 값을 콘솔에 출력합니다.

2. 배열의 모든 요소 출력하기

JavaScript

const fruits = ['apple', 'banana', 'orange'];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

 

 

• 설명: fruits 배열의 길이만큼 반복하며, 각 인덱스에 해당하는 요소를 출력합니다.

3. 구구단 출력하기

JavaScript

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

 

 

• 설명: 2부터 9까지의 숫자를 첫 번째 곱셈수로, 1부터 9까지의 숫자를 두 번째 곱셈수로 하여 모든 곱셈 결과를 출력합니다.

4. 짝수만 출력하기

JavaScript

for (let i = 0; i <= 10; i++) {
  if (i % 2 === 0) {
    console.log(i);
  }
}

코드를 사용할 때는 주의가 필요합니다.

 

• 설명: 0부터 10까지의 숫자를 반복하며, 2로 나누었을 때 나머지가 0인 숫자(짝수)만 출력합니다.

5. 별 모양 출력하기

JavaScript

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

• 설명: 5줄의 별 모양을 출력합니다. 각 줄마다 별의 개수가 1개씩 증가합니다.

각 예제의 핵심:

• for문의 기본 구조: for (초기화; 조건; 증감)
  • 초기화: 반복을 시작하기 전에 변수를 초기화합니다.
  • 조건: 반복을 계속할 조건을 설정합니다.
  • 증감: 각 반복마다 변수의 값을 변경합니다.
• 배열: 배열의 요소에 접근하기 위해 인덱스를 사용합니다.
• 조건문: if 문을 사용하여 특정 조건을 만족하는 경우에만 코드를 실행합니다.
• 문자열 연결: + 연산자를 사용하여 문자열을 연결합니다.