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
'React [클론코딩 학습일지]' 카테고리의 다른 글
2. CRA 사용하여 프로젝트 셋팅하기 (0) | 2021.06.07 |
---|---|
1-8 Array Function - forEach and push (0) | 2021.06.03 |
1-6. Array function - map (0) | 2021.06.01 |
1-5. Class(클래스) (0) | 2021.05.31 |
1-4. Spread Operator (스프레드 연산자) (0) | 2021.05.30 |