2012년 5월 1일 화요일

Coffeescript 에서 Array와 Object를 다루는 방법

자바스크립트를 하다보면 JSON Object와 Array를 처리할 일이 참 많다.
http://spectrumdig.blogspot.com/2012/01/array-method-iteration.html
Array 의 경우 위의 글을 참조.

그런데 Object는 Array처럼 다양하고 Chaining 이 가능한 방법이 없다.
기껏해야 for (var obj in jsonObject) 정도.
게다가 속도문제도 있어서 (http://jsperf.com/for-vs-foreach/9 참조) 가독성과 코드 단순화도 좋지만 요즘같이 Rich Web Application + Mobile Web 시대에 쓰기엔 효율이 나쁜 방법이긴 하다.

coffeescript 의 경우 object 와 array 에 대해 어느정도 비슷한 처리방식을 제안한다.

array : <statement> for <variable> in <array>
object : <statement> for <variable>,{<variable>} in <object>

와 같은 형식이다.
object 의 경우 variable 로 key, value 형식을 쓸 수 있는데 value 를 생략할 수 있다.
예를 들면 아래와 같다.

console.log arr for arr in [1,2,3,4,5]
console.log k,v for k,v of a:1, b:2, c:3

물론 당연히 두개를 혼합해서 쓸 수도 있다.
console.log k,v for k,v of obj for obj in [ {a:1, b:2}, {a:3, b:4 }, {a:1, c:4} ]

결과는 아래와 같다.

a 1
b 2
a 3
b 4
a 1
c 4

재미있는 점은 둘 다 공히 when 이라는 조건절을 넣어서 filter 를 할 수 있다.

console.log k,v for k,v of a:1, b:2, c:3 when k isnt 'a'

b 2
c 3


console.log v for v in [1,3,5,67] when v<10

1
3
5

noSQL 등에서 Collection 을 다룰때 for in, of, when 의 조합은 상당히 강력하니 손으로 익혀서 근육에 새겨두도록하자.