배열을 필터링하는 방법 - JavaScript

바구니에 수박, 망고, 배, 복숭아 같은 과일이 들어 있다고 생각해보세요. 이제 녹색 과일이 먹고 싶어서 배와 수박을 먹었습니다. 이것이 우리가 필터라고 부르는 것이며 이와 동일한 논리가 filter() 메서드에 적용됩니다.

자바스크립트에서는 내장filter() 메서드를 사용하여 배열을 필터링할 수 있습니다.

위의 예를 들어 보겠습니다.

const fruits = [
  {
    name: 'Watermelon',
    color: 'green'
  },
  {
    name: 'Mango',
    color: 'yellow'
  },
  {
    name: 'Peach',
    color: 'pink'
  },
  {
    name: 'Pear',
    color: 'green'
  },
]


이제 녹색 과일만 필터링하려고 합니다.

const greenFruits = fruits.filter((fruits) => fruits.color === 'green')


출력은 다음과 같습니다.

[{
  color: "green",
  name: "Watermelon"
}, {
  color: "green",
  name: "Pear"
}]

좋은 웹페이지 즐겨찾기