자바스크립트에도 반복문이 존재하는데, 그냥 for문은 c언어의 그것과 문법이 유사했으나 for of과 for in은 처음보는 문법이었다.
배열에서 사용하는 for문이다. 배열의 모든 요소를 반복한다.
const walkers = ['garen', 'darius', 'udir']
for (const walker of walkers) {
~~~
}
이때 배열의 요소를 불러오고 이를 굳이 변경할 필요가 없다면 let대신 주로 const를 사용하여 상수로 만드는 것이 낫다.
이외에도 일반 for문을 사용하여 배열의 요소를 끄집어 낼 수 있는데, 다른 언어들의 배열 사용법처럼 그냥 배열의 인덱스를 반복하는 식으로 사용하면 된다. 굳이 사용할 필요는 없다고 한다.
이는 자바스크립트 객체에서 사용되는 for문이다.
const user = {
name: 'lol',
age: 32,
isGame: true
};
for (const info in user){
~~~
}
이때 for문의 객체에서는 점 표기법으로 객체의 요소에 접근할 수 없다. -> user.info는 안 됨. 이는 const로 선언된 info가 내부에 존재하지 않기 때문이다.
그러므로 user[info]로 접근하거나 user[‘name’] 등으로 하드코딩해야 한다.