[JavaScript] FOR문

1. FOR문

 

1. for
2. for...in
3. for...of
4. forEach()

 

4가지 방법이 있다.

 

---

가. for

for (let i = 0; i < 5; i++) {
  console.log(i);
}

특별할 것 없는 일반적인 for문이다.

 

---

나. for ... in

let person = {fname:"John", lname:"Doe", age:25};
for (let prop in person) {
  console.log(`${prop}: ${person[prop]}`);
}

for...in은 객체의 모든 열거 가능한 속성을 순회한다. (이를 enumerable하다고 표현하더라…)

 

이는 객체의 속성 Key를 반환한다.

 

주로 객체의 속성을 순회할 때 사용된다.

 

배열에도 사용할 순 있지만 추천되지 않는다.

 

---

다. for ... of

let cars = ['BMW', 'Volvo', 'Mini'];
for (let car of cars) {
  console.log(car);
}

for...of는 반복 가능한 객체(Array, Map, Set, String, arguments 객체 등)의 각 항목에 대해 실행된다.

(이를 iterable하다고 표현하더라…)

 

이는 객체의 속성 값(value)을 반환한다.

 

주로 배열이나 문자열 같은 반복 가능한 객체를 순회할 때 사용된다.

 

---

라. forEach

let numbers = [1, 2, 3, 4];
numbers.forEach(function(number) {
  console.log(number);
});

• Array.prototype.forEach(callback) : 배열의 각 인자를 주어진 콜백함수의 인자로 전달한다.

 

---