2016년 8월 11일 목요일

[삽질주의] js에선 object를 어떻게 확장하는가? .map 만들기.

http://spectrum.egloos.com/5580651
옛날 글 소환인데 map을 object 에서도 한번 해볼려고 이렇게 시도해 보았다.

> Object.defineProperty(Object.prototype, "map", {value: function(fn) {
  for (idx in this) this[idx]=fn(this[idx]); return this;
} });
> q={a:1, b:2}
> q.map(v=>v+1)
Object {a: 2, b: 3}

ECMA5부터 Object.defineProperty 를 쓸 수 있고 prototype 삽질을 막을 수 있다.

> q={a:1, b: {c: 2, d: 4}}
> Object.defineProperty(Object.prototype, "map", {value: function(fn) {
  let map=(f,arr)=>{
    for (idx in arr)
        arr[idx]=typeof arr[idx]==="object" && map(f,arr[idx]) || f(arr[idx]);
    return arr;
  }
  return map(fn, this);
}});
> q.map(v=>v+1)
Object {a: 2, b: Object}
a:2
b:Object
  c:3
  d:5

뭐 의도한대로 잘 나오긴 한다.
value 인 경우만 fn을 실행하고 object면 재귀를 사용한다.
뭐 array만 들어와도 이건 망하겠네;
google 에서 왜 [[a,2], [b,3]] 따위 자료 구조를 썼는지 어느정도 이해가 된다.