JS 기초 : for of과 for in

◼ for

• for의 구조는 다음과 같다

	for (초기화식; 조건식;증감식)

	for (let i = 0; i < 10; i++)

• 위의 기능과 동일한 코드를 for of문을 사용하여 작성할 수 있다.

---

◼ for of

• (반복 가능한) Iterable 속성을 가지는 값에 대한 순환
• Iterable 속성을 가지고 있는 타입
  String
  Array
  TypedArray
  Map
  Set

예제1 Array 배열

	const numbers = [10, 20, 30, 40, 50];
	for (let number of numbers) {
 	 console.log(number);
	}

위의 코드의 결과는 배열의 값이 10 20 30 40 50 이 차례대로 나온다.

예제2 String 문자열

	for (let c of 'hello') {
 	 console.log(c);
	}

hello를 이루고 있는 각 문자들이 하나씩 출력된다.

예제3 Iterable 속성을 가지지 않는 객체

	const user = {
 	 name: "홍길동",
  	 age: 10
	};

	for (let value of user) {
 	 console.log(value);
	}

그러나 객체에 for of문을 작성하면? 아무것도 출력되지 않는다. 그렇다면 객체의 키와 값을 포함하여 출력하고 싶다면 어떻게 해야할까.

---

◼ for in

• 객체의 모든 열거 가능한 속성에 대해 반복한다.

예제

	const user = {
	  name: "홍길동",
	  age: 2
	};
	for (let key in user) {
	  console.log(`${key} : ${user[key]}`);
	}

위와 같이 for in을 사용하면 객체의 키와 값에 접근할 수 있게 된다. 더 자세히 말하면 for in을 통해 객체의 key에 접근하고 이를 이용하여 해당 key의 값에 접근할 수 있게 된다.

---

◼ 요약

• for of : 배열의 값 순환
• for in : 객체의 값 순환

---