JavaScript (2) - find() , filter() 함수 설명
2022. 4. 3. 12:43ㆍfront-end/JavaScript
728x90
find() 함수가 특정 조건에 부합하는 배열의 첫번째 값만을 리턴한다고 한다면,
filter() 함수는 특정 조건에 부합하는 배열의 모든 값을 배열 형태로 리턴합니다.
find()
const arr = [
{name: 'apple', price : 1000},
{name: 'banana', price : 2000},
{name: 'apple', price: 3000}
];
arr.find((item)=>item.name === 'apple');
// {name: "apple", price: 3000}
filter()
const arr = [
{name: 'apple', price : 1000},
{name: 'banana', price : 2000},
{name: 'apple', price: 3000}
];
function isApple(element) {
if(element.name === 'apple') {
return true;
}
}
arr.filter((item)=>item.name ==='apple');
// {name:'apple',price:1000},{name:'apple',price:3000}
728x90
'front-end > JavaScript' 카테고리의 다른 글
JavaScript (6) - 호이스팅(Hoisting), 변수 선언의 실행 시점 (2) | 2023.12.04 |
---|---|
JavaScript (5) - Array.from() , Array.prototype.reduce() 사용방법 (0) | 2022.10.13 |
JavaScript (4) - getElementById vs querySelecter (0) | 2022.04.03 |
JavaScript (3) - Window Size, Window.scrollTo, Window.scrollBy, Window Load 설명 (0) | 2022.04.03 |
JavaScript (1) - 반목문(for, while, do..while )과 반복문 제어(break, continue) (0) | 2021.01.06 |