filter

filter() 메서드는 array 관련 메서드로 조건에 맞는 요소들만 모아서 새로운 배열을 반환

예제

let numbers = [10, 4, 32, 17, 5, 2];

// 첫번째 방법 (filter()의 인자에서 바로 함수를 써주는 방법) 
let result = numbers.filter((value)=> value > 10);

console.log(result);      // [ 32, 17 ]

// 두번째 방법 (밖에서 함수를 선언하고 filter()인자에서 callback하는 방법) 
function isBiggerThanTen (value) {
    return value > 10;
}

let result = numbers.filter(isBiggerThanTen);

console.log(result);      // [ 32, 17 ]

includes

includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별

예제

const array1 = [1, 2, 3];

console.log(array1.includes(2));
// true

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// true

console.log(pets.includes('at'));
// false

Assignment

fruits 라는 배열이 있습니다. 'ap'가 들어간 과일들로 이루어진 새로운 배열을 filter()를 이용하여 반환해주세요.

결과는 아래와 같아야 합니다.

[ 'apple', 'grapes' ]

힌트: includes()를 사용해보세요

// Assignment 1 
let fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

//아래의 함수를 완성해주세요.
function filtered() {
}

1. 첫번째 방법 (filter()의 인자에서 바로 함수를 써주는 방법)

function filtered(){
	let apString = fruits.filter((value) => value.includes('ap'))
	return apString
}

2. 두번째 방법 (밖에서 함수를 선언하고 filter() 인자에서 callback하는 방법)

function filtered(){
	function apString(value){
    	return value.includes('ap')
    }
    let result = fruits.filter(apString);
	return result
}

filtered 함수 안에서 이루어지기때문에 반드시 return해 주어야함