— JavaScript, 오늘의 함수, 함수형 프로그래밍 — 1 min read
오늘 발견한 재미있는 함수를 소개합니다
오늘은 pick 함수의 반대 버전인 omit을 소개해드릴까 합니다. 다시 말해 omit은 객체에서 키가 일치하는 프로퍼티를 제외한 새로운 객체를 반환하는 함수입니다.
사실 이 함수를 굳이 소개할 필요가 있을까 싶었는데, 사연이 생겨서 올리게 되었습니다. 2주 전쯤 Codewars라는 사이트에서 제공하는 'kumite'(일본어로 대련을 의미합니다.) 페이지에 pick 함수를 올려두었습니다. 그리고 며칠 뒤 omit과 같은 일을 하는 flick함수를 대련 코드로 올리셨기에 살펴보다가 블로그에 소개하면 좋겠다고 생각해서 올리게 되었습니다.
우선 Codewars에 올려둔 코드 전체를 보여드리겠습니다.
1var _ = {};2
3// [1] 제가 작성한 pick 함수입니다. 기존의 pick과 크게 다르지 않습니다.4_.pick = (target, ...keys) => {5 if (typeof keys[0] == 'function') {6
7 var predicate = keys[0];8 keys = Object.keys(target);9
10 return keys.reduce((obj, key) => {11 return predicate(target[key], key, target) ? (obj[key] = target[key], obj) : obj;12 }, {})13 }14
15 return keys.reduce((obj, key) => {16 return obj[key] = target[key], obj;17 }, {});18};19
20// [2] Robert.Cutright이라는 개발자가 작성한 flick 함수입니다. omit 함수와 같은 일을 합니다.21_.flick = (target, ...keys) => {22 if (typeof keys[0] == 'function') {23
24 var predicate = keys[0];25 keys = Object.keys(target);26
27 return keys.reduce((obj, key) => {28 return predicate(target[key], key, target) ? obj : (obj[key] = target[key], obj);29 }, {})30 }31
32 var obj = Object.assign({}, target);33 Object.keys(obj).filter(key => keys.includes(key) ? delete obj[key] : obj[key]);34 return obj;35};Robert가 작성한 코드는 정상적으로 동작합니다. 하지만 저는 한가지가 아쉬웠습니다. 바로 filter를 사용한 부분입니다. reduce를 사용하면 새로운 객체 복사본을 만드는 var obj = Object.assign({}, target); 같은 코드를 작성하지 않아도 된다는 점을 놓친 것 같았습니다. 그리고 이렇게 새로운 객체를 생성해서 delete obj[key]로 데이터를 제거해나가는 코드는 불필요한 코드라는 생각이 들었습니다. 그래서 아래와 같이 변경했습니다.
1_.omit = (target, ...keys) => {2 if (typeof keys[0] == 'function') {3 var predicate = keys[0];4 return _.pick(target, (...args) => !predicate(...args)) // [1] pick을 사용하고 predicate를 뒤집었습니다.5 }6
7 return Object.keys(target).reduce((obj, key) => { // [2] reduce를 사용하면서 새로운 객체를 복사한 뒤 요소를 제거하지 않고 바로 생성합니다.8 return keys.includes(key) ? obj : (obj[key] = target[key], obj);9 }, {});10};