자바스크립트 for of, for in

자바스크립트에도 반복문이 존재하는데, 그냥 for문은 c언어의 그것과 문법이 유사했으나 for of과 for in은 처음보는 문법이었다.

for of

배열에서 사용하는 for문이다. 배열의 모든 요소를 반복한다.

const walkers = ['garen', 'darius', 'udir']

for (const walker of walkers) {
    ~~~
}

이때 배열의 요소를 불러오고 이를 굳이 변경할 필요가 없다면 let대신 주로 const를 사용하여 상수로 만드는 것이 낫다.

이외에도 일반 for문을 사용하여 배열의 요소를 끄집어 낼 수 있는데, 다른 언어들의 배열 사용법처럼 그냥 배열의 인덱스를 반복하는 식으로 사용하면 된다. 굳이 사용할 필요는 없다고 한다.

for in

이는 자바스크립트 객체에서 사용되는 for문이다.

const user = {
    name: 'lol',
    age: 32,
    isGame: true
};

for (const info in user){
    ~~~
}

이때 for문의 객체에서는 점 표기법으로 객체의 요소에 접근할 수 없다. -> user.info는 안 됨. 이는 const로 선언된 info가 내부에 존재하지 않기 때문이다.

그러므로 user[info]로 접근하거나 user[‘name’] 등으로 하드코딩해야 한다.