• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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

 

자세히보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★ document.write() = 다큐먼트라이트
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
찾아주셔서 감사합니다. Since 2012