[underscore.js] _.filter( ) 함수

underscore.js의 collection 중에서 _.filter( ) 함수에 대해 알아보자.

filter _.filter(list, predicate, [context])

list: colletion으로써, 배열이나 객체가 될 수 있다.
predicate: list의 각 element(value)의 결과값이 truth인지 확인하는 test 함수이다.
[context]: predicate 함수에서 this로 바인딩 되는 것이다.(생략가능)

--> list의 각 element(value)를 predicate 함수를 돌려, 값이 truth인 것만 배열의 element로 리턴한다.

[예제]

• [context]가 생략될 경우

<list가 배열일 경우>
var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });
console.log(evens); // [2, 4, 6]
// 배열 [1, 2, 3, 4, 5, 6]의 각 element가 test 함수의 num의 인자로 하나씩 들어가, 결과 값이 truth인 값만 모아 배열의 형태로 출력된다.
<list가 객체일 경우>
var obj = {"a": 1, "b": 2, "c": 3, "d":4}
var evens = _.filter(obj, function(num){ return num % 2 == 0; });
console.log( evens ); // [2, 4]
// 객체 obj의 각 value가 test 함수의 num의 인자로 하나씩 들어가, 결과 값이 truth인 값만 모아 배열의 형태로 출력된다.

• [context]가 입력될 경우

A = [5, 7, 10, 15];
var divideBy5 = _.filter([0,1,2,3], function(item) { return this[item] % 5 == 0 ;}, A)
console.log(divideBy5); // [0, 2, 3]
// 배열 [0,1,2,3]의 각 element가 test 함수의 item의 인자로 하나씩 들어가, 결과 값이 truth인 값만 모아 배열로 출력되는데, 이때 [context]로 사용된 A는 test 함수안에 있는 this로 바인딩 되어 사용된다.

[구현]

_.filter() 함수를 직접 구현해보자.

<알고리즘>

• 함수의 인자로 collection과 test를 가져온다.
• 최종 리턴 값이 배열이기 때문에, 빈 배열을 선언한다.
• _.each() 함수를 사용하여, 각 collection의 element(value)가 test 함수에서 truth인지 확인한다.
• truth이면, 그 element(value)를 빈 배열에 추가한다.
• 최종 배열을 리턴한다.

_.filter = function(collection, test) {
var result = [];
_.each(collection, function(elem) {
if(test(elem)) {
result.push(elem);
}
});
return result;
};