[Basic] JS - 반복문 종류 ( for / for...of / for...in / while / do...while )

1. for 반복문 - 지정 횟수만큼 반복
2. for...of 반복문 - 객체의 값(value) 반복
3. for...in 반복문 - 객체의 키(key) 반복
4. while 반복문 - 조건이 참이면 반복
5. do...while 반복문 - 일단 실행 후, 조건 참이면 반복

for 반복문 - 지정 횟수만큼 반복

 

let sum = 0;

for (let i = 1; i <= 5; i++) {

    sum += i;

}

console.log(sum); // 15

 

자세히보기

for...of 반복문 - 객체의 값(value) 반복

 

let sum = 0;

const numbers = [1, 2, 3, 4, 5];

for (let num of numbers) {

    sum += num;

}

console.log(sum); // 15

 

자세히보기

for...in 반복문 - 객체의 키(key) 반복

 

let sum = 0;

const numbers = {a: 1, b: 2, c: 3, d: 4, e: 5};

for (let key in numbers) {

    sum += numbers[key];

}

console.log(sum); // 15

 

자세히보기

---

PS1. 위 구문을 for...of 반복문으로 표현 가능.

let sum = 0;

const numbers = {a: 1, b: 2, c: 3, d: 4, e: 5};

for (let value of Object.values(numbers)) {

    sum += value;

}

console.log(sum); // 15 

 

---

PS2. 위 구문을 forEach() 메서드로 표현 가능.

• forEach() 메서드는 배열의 각 요소에 지정함수를 실행할 때 사용.
• 객체의 값을 직접 다루려면, 먼저 Object.values() 사용해 배열로 변환 후, for...of 반복문이나 forEach() 메서드 사용 필요.

 

let sum = 0;

const numbers = {a: 1, b: 2, c: 3, d: 4, e: 5};

Object.values(numbers).forEach(value => {

    sum += value;

});

console.log(sum); // 15

 

while 반복문 - 조건이 참이면 반복

 

let sum = 0;

let i = 1;

while (i <= 5) {

    sum += i;

    i++;

}

console.log(sum); // 15

 

자세히보기

do...while 반복문 - 일단 실행 후, 조건 참이면 반복

 

let sum = 0;

let i = 1;

do {

    sum += i;

    i++;

} while (i <= 5);

console.log(sum); // 15

 

자세히보기