본문 바로가기

React [클론코딩 학습일지]

1.7 Array Function - filter

728x90

Array Function - filter

map() 과 사용법과 기능이 매우 유사하다.

모든 배열 요소를 순회하고 새로운 배열을 반환한다.

단, filter()는 모든 배열 요소 중 조건을 만족하는 요소에 한해서만!!!!

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];

const multipleOf3 = numbers.filter((num) => num % 3 === 0);

console.log(multipleOf3); // [3, 6, 9, 12, 15]
const rainbow = ["red", "orange", "yellow", "green", "blue", "navy", "purple"];

const fiveLetters = rainbow.filter((color) => color.length === 5);

console.log(fiveLetters); // ["green"]

위와 같이 filter()를 사용하여 내가 원하는 조건의 결과들만 추출할 수 있다.

728x90