[React] Filter 메소드 예제

| Filter

Filter 메소드는 말그대로 필터링을 해주는 함수로, 함수에 주어진 조건에 참인 모든 요소들을 모아 새로운 배열로 반환한다.

 

| Filter 예제 1

배열 arr 의 안에 있는 값들 중 10보다 큰 수만 모아 새로운 배열 arr_filter 을 생성한다.

let arr = [1,2,3,4,5,6,7,8,9,123,222];
let arr_filter = arr.filter(v => v > 10)

console.log(arr_filter)
// 결과값 : [ 123, 222 ]

 

| Filter 예제 2

filter() 함수는 인자로 제공되는 함수에 의해 test 를 통과한 모든 요소를 새로운 array 로 만든다.

따라서 filter 함수를 사용하려면 매개인자로 참과 거짓을 가릴 수 있는 함수를 넣어줘야한다.

let users = [
  { id: 11, name: 'Adam', age: 23, group: 'editor' },
  { id: 47, name: 'John', age: 28, group: 'admin' },
  { id: 85, name: 'William', age: 34, group: 'editor' },
  { id: 97, name: 'Oliver', age: 28, group: 'admin' }
];
let res = users.filter(it => it.name.includes('oli'));
console.log(res);