본문 바로가기

Front-End/JavaScript

JavaScript #5 (반복문 - for)

반응형

구문 

for (초기값; 조건식; 증감식)

for (let i = 1; i <= 5; i++) {
  console.log(`${i}번째 반복입니다`);
}

 

(초기 값에서 변수 정의; 변수에 비교할 조건; 조건이 맞을 때까지 증/감)

 

 

예문

// 1부터 10까지 숫자를 차례대로 출력해보세요.
for (let i = 1; i <= 10; i++) {
    console.log(i);
}

 

 

실습

// 1부터 100까지 숫자 중에서 5의 배수만 출력해보세요.
for (let i = 1; i <= 100; i++) {
    if (i % 5 == 0) {
        console.log(i);
    }
}
// 1~100까지 숫자 중에서 짝수만 합산하기

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

 

※ if 안에 묶여있는 sum += i; 는 코드 단 한 줄이라 중괄호{}로 안 묶어도 무방!

 

 

 

 

 

중첩 for 문

for 문 안에 for 문이 들어가는 구문

 

구구단이나 별 찍기 같은 반복이 중첩으로 들어가야 하는 경우.

 

 

예문

// 구구단 2단을 출력해보세요.
for (let i = 2; i <= 2; i++) {
    for (let j = 1; j <= 9; j++)
    console.log(`${i} x ${j} = ${i * j}`)
}

 

 

실습 - 구구단

console.log("구구단")
console.log('**********************************')
for (let i = 2; i < 10; i++) {
    console.log(`${i}단`)
    for (let j = 1; j < 10; j++) {
        console.log(`${i} x ${j} = ${i * j}`)
    }
    console.log('-----------------------------------')
}

 

 

 

실습 - 별 찍기

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

// repeat 함수 사용
for (let i = 0; i <= 10; i++) {
    console.log("*".repeat(i + 1));
}

 

 

 

 

 

 

 

반응형