[Javascript] find(), filter() 함수

find()

find 함수는 배열에서 특정 조건에 부합하는 첫번째 값을 리턴하고 만족하는 값이 없으면 undefined를 리턴한다.
파라미터
callback(element, index?, array?)

const num = [5, 3, 6, 8, 10, 1, 2, 4, 6, 5, 3];

// 배열에서 5보다 큰 첫번째 수 찾기
let findNum = num.find((element) => element > 5);
console.log(findNum); // => 6

filter()

filter 함수는 배열에서 특정 조건에 부합하는 값들만 새로운 배열로 리턴하는 함수이다.
파라미터
callback(element, index?, array?)

const arr = ['a', 'b', 'c', 'd', 'e', 'a', 'c', 'b'];

// 배열에서 'a'랑 'c' 개수 구하기
let newArr = arr.filter(element => 'a' === element || 'c' === element);
let count = arr.filter(element => 'a' === element || 'c' === element).length;

console.log(newArr) // => [ 'a', 'c', 'a', 'c' ]
console.log(count) // => 4