[javascript] 필터링한 데이터를 다른 기능과 연계하여 활용하는 방법

21 Dec 2023

javascript

이번 포스트에서는 JavaScript를 사용하여 데이터를 필터링하고, 필터링된 데이터를 다른 기능과 연계하여 활용하는 방법에 대해 알아보겠습니다.

데이터 필터링

먼저, 배열의 filter 메서드를 사용하여 데이터를 필터링할 수 있습니다. 아래는 배열에서 조건에 맞는 데이터만 필터링하는 예제 코드입니다.

const data = [
  { id: 1, name: 'Apple', category: 'fruit' },
  { id: 2, name: 'Carrot', category: 'vegetable' },
  { id: 3, name: 'Banana', category: 'fruit' },
  { id: 4, name: 'Broccoli', category: 'vegetable' }
];

const filteredData = data.filter(item => item.category === 'fruit');
console.log(filteredData);

위 코드를 실행하면 category가 ‘fruit’인 데이터만을 필터링하여 filteredData 배열에 저장하고, 콘솔에 출력합니다.

다른 기능과 연계 활용

필터링된 데이터를 다른 기능과 연계하여 활용할 수 있습니다. 예를 들어, 필터링된 데이터를 가지고 새로운 배열을 생성하거나 특정 동작을 수행할 수 있습니다.

// 필터링된 데이터를 가지고 새로운 배열 생성
const newItems = filteredData.map(item => {
  return {
    id: item.id,
    displayName: `Delicious ${item.name}`
  };
});
console.log(newItems);

// 필터링된 데이터를 가지고 특정 동작 수행
filteredData.forEach(item => {
  // Do something with each filtered item
});

위 코드에서는 map 메서드를 사용하여 필터링된 데이터를 가지고 새로운 배열을 생성하는 예제와 forEach 메서드를 사용하여 각 필터링된 항목에 대해 특정 동작을 수행하는 예제를 보여줍니다.

이렇게 JavaScript를 사용하여 데이터를 필터링하고, 필터링된 데이터를 다른 기능과 연계하여 활용할 수 있습니다. 여러분의 프로젝트나 업무에 적용하여 유용한 기능을 구현해보세요!

데이터 필터링

다른 기능과 연계 활용

참고 자료