[JS] 자바스크립트 반복문: 배열/객체 내 모든 항목을 순환하는 for of와 for in

 자바스크립트의 반복문 for에 대해서 알아봅니다. 파이썬과 마찬가지로 자바스크립트도 배열/객체 내 모든 항목을 순환하는 반복문이 있습니다. 그러한 역할을 수행하는 for of, for in 문법도 알아봅니다.

 

[ Contents ]

 

 

1. 반복문 for

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

 C/C++/java for문법과 동일합니다.

 

 

2. 배열 순환 for of

let arr = [1, 2, 3, 4, 5];

for (let i of arr) {
    console.log(i);
}

 자바의 for each문이나 파이썬처럼 배열 내 모든 항목을 순환하는 반복문이 가능합니다.

 

let arr = [1, 2, 3, 4, 5];

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

 배열 항목으로 일일이 접근하는 코드보다 가독성도 좋고, 직관적입니다. 이럴 때.. 어떤 코드를 쓰느냐에 따라 그 사람의 실력이 드러나기 마련이죠. 이제 그만.. 고전 C/C++ 문법에서 벗어나시기 바랍니다.

 

반응형

 

3. 객체 순환 for in

let person = {
    name: "jangThang",
    age: 99,
    height: 180
};

for (let key in person) {
    console.log(`${key} : ${person[key]}`);
}

 객체 내 요소 순환도 가능합니다. 이때에는 of 대신 in을 사용합니다.