[javascript] JSON 데이터에서 속성값으로 필터링하기

15 Dec 2023

javascript

JavaScript에서 JSON 데이터에서 특정 속성값을 기반으로 필터링하고자 할 때가 있습니다. 이를 위해서는 JSON 데이터를 JavaScript 객체로 변환한 다음 필터링을 적용해야 합니다. 이 포스트에서는 JavaScript의 filter 메서드를 활용하여 JSON 데이터에서 속성값으로 필터링하는 방법에 대해 살펴보겠습니다.

JSON 데이터 준비하기

우선, JSON 데이터를 준비해야 합니다. 다음은 간단한 JSON 데이터의 예시입니다.

[
  {
    "id": 1,
    "name": "Alice",
    "age": 25
  },
  {
    "id": 2,
    "name": "Bob",
    "age": 30
  },
  {
    "id": 3,
    "name": "Charlie",
    "age": 27
  }
]

JSON 데이터 필터링하기

이제 준비한 JSON 데이터에서 특정 속성값으로 필터링해보겠습니다. 예를 들어, 나이가 27살 이상인 사용자만 필터링해야 한다고 가정해봅시다.

const jsonData = [
  {
    "id": 1,
    "name": "Alice",
    "age": 25
  },
  {
    "id": 2,
    "name": "Bob",
    "age": 30
  },
  {
    "id": 3,
    "name": "Charlie",
    "age": 27
  }
];

const filteredData = jsonData.filter(user => user.age >= 27);
console.log(filteredData);

위 코드는 filter 메서드를 사용하여 age 속성값이 27 이상인 사용자만 필터링한 예시입니다. filteredData에는 이 조건을 만족하는 사용자 객체만 포함되어 있습니다.

이렇게 하면 JSON 데이터에서 속성값으로 필터링하는 방법에 대해 간단히 알아보았습니다. 필요에 따라 다양한 조건으로 필터링을 적용할 수 있으며, JavaScript의 다양한 배열 메서드를 이용하여 데이터를 유연하게 다룰 수 있습니다.

결론

JavaScript의 filter 메서드를 활용하여 JSON 데이터에서 속성값으로 필터링하는 방법을 살펴보았습니다. 이를 통해 데이터를 효율적으로 관리하고 다룰 수 있으며, 원하는 조건에 맞춰 필요한 데이터를 추출할 수 있습니다.

filter 메서드뿐만 아니라 다양한 배열 메서드를 활용하여 JSON 데이터를 처리하는 방법에 대해 관심을 가질 것을 권장합니다.

이상으로 JSON 데이터에서 속성값으로 필터링하는 방법에 대한 설명을 마치도록 하겠습니다. 감사합니다.

References

MDN Web Docs - Array.prototype.filter()