자바스크립트 문법(17) 『for in & for of』

(17) for in & for of

ECMA2015부터 바뀐 내용 중에서 꽤 괜찮은 구문이 for of문이다. for~in문과 for ~ of문을 결합하면, 객체의 값을 배열로 옮기는 데에 간편하다.

for ~ of문은 ECMA2015부터 새로 도입된 문법으로, 배열의 값을 순서대로 가져올 때 사용한다. 

[for in + for of 결합예제]

---

<script type="text/javascript">

var data1 = { '한국':'호랑이', '중국':'판다', '일본':'원숭이'};

var data2 = new Array();

for( key in data1 ) {

data2.push(data1[key]);

}

for( key of data2 ) {

console.log(key);

}

</script>

//결과: 호랑이

         판다

         원숭이

---

"프로퍼티:값"으로 구성된 객체 data1에서 for ~ in문을 활용하여 프로퍼티명을 key에 넣었다.

key값으로는  '한국' , '중국' , '일본'이 지정되고, data2.push(data1[key]) 명령어를 통해 빈 배열 data2에 data1[한국] , data1[중국], data1[일본] 값을 push한다. for in문과 for of문의 조합은 간단하지만 json객체를 데이터로 사용할 때 유용하다.