[js] 반복문 - for, for in, for of

JavaScript 반복문 - for, for in, for of

이번 글에서는 자바스크립트 반복문 중 for, for in, for of에 대해 정리하고자 한다.

 

 

for

초기식, 조건식, 증감식을 사용하여 반복문을 수행한다. 고전적인 for문의 형태이다. for문의 초기식에서 변수 선언시, const를 쓰면 값 변경이 불가하기 때문에 에러가 발생할 수 있음을 주의해야 한다. 

for (초기식; 조건식; 증감식) {
    반복을 수행할 문
}


// example
for (let i = 0; i < 5; i++) {
    console.log(i);
}
// 출력 결과
// 0
// 1
// 2
// 3
// 4

 

 

for in

for in 문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복한다.

for (변수 in 객체) {
    반복을 수행할 문
}


// example1
let obj = { a: 1, b: 2, c: 3 };

for (const val in obj) {
    console.log(val);
}
// 출력 결과
// a
// b
// c

// example2
let arr = ["a", "b", "c"];
for (const val in arr) {
    console.log(val);
}
// 출력 결과
// 0
// 1
// 2

 

 

for of

for of 문은 반복가능한 객체(Array, Map, Set, String, ... 등)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다.

for (변수 of iterable객체) {
    반복을 수행할 문
}


// example
const arr = ['가', '나', '다'];

for (const el of arr) {
    console.log(el);
}
// 출력 결과
// 가
// 나
// 다

 

 

 

 

 

 

참고

루프와 반복 - JavaScript | MDN

for...in - JavaScript | MDN

for...of - JavaScript | MDN

[Javascript] forEach, some, for in, for of (자바스크립트, 반복, 배열 반복, 프로토타입, prototype, 객체 반복