JavaScript (2) - find() , filter() 함수 설명

2022. 4. 3. 12:43front-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