> For the complete documentation index, see [llms.txt](https://jihwan.gitbook.io/life101/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jihwan.gitbook.io/life101/javascript/basic-javascript/undefined-4.md).
# 객체와 순환문의 조합 for-in
## 먼저 배열을 복습
배열 만드는 법
```javascript
const Supercell = [ '클래시오브클랜', '브롤스타즈', '클래시로얄' ];
```
{% hint style="info" %}
대괄호 사용, 값들이 순서대로 저장되어 있음, 값들을 index라고 함
{% endhint %}
{% hint style="danger" %}
배열도 객체이다
{% endhint %}
## 객체만드는 법
```javascript
const Supercell = {
"company": "게임사",
"game": "클래시오브클랜",
"2019히트작": "브롤스타즈";
};
```
{% hint style="info" %}
중괄호 사용, 순서를 보장하지 않음
프로퍼티 키(이름)와 프로퍼티 값으로 구성
{% endhint %}
## 객체 다루어 보기
```markup
객체를 만들고 값 추가 해보기
1. 객체 생성
2. 객체 출력 그리고 추가
```
{% embed url="" %}
## 객체를 순환문으로 출력해보자
```markup
for in
객체의 프로퍼티 key를 출력
객체의 프로퍼티 값을 출력
객체의 key와 값을 함께 출력
```
> 배열(array)에 for in을 사용할 경우, 배열의 요소만 순회하지 않는 문제점이 있다. 그래서 객체(object)에만 for in을 사용했다.
>
> ES6에서 for-of 문이 도입하여 문제를 해결했다.
{% hint style="success" %}
객체(object) 프로퍼티를 순회 **`for-in`**쓰자
{% endhint %}
{% hint style="success" %}
배열(array) 요소를 순회 **`for-of`**쓰자
{% endhint %}
{% embed url="" %}
## 꼭 읽을것
[poiemaweb 객체 프로퍼티 접근 for-in 부분 참고할것 ](https://poiemaweb.com/js-object#36-for-in-%EB%AC%B8)