0. ObjectArray 실습1

실습

공공데이터포털에서 대구광역시_맛집 API에서 제공하는 데이터를 data.js에 저장시켰다.

이 데이터를 바탕으로 실습을 진행한다.

---

1. 데이터 유형

 

주 데이터는 키(Key)가 data인 배열에 담겨 있다.

---

2. 데이터 추출 및 가공

 

객체에서 키가 data인 프로퍼티를 추출한다.

 

추출한 데이터

 

여기서 관심있는 데이터는

"FD_CS": 음식 종류,

"BZ_NM": 식당 이름,

"MNU": 메뉴표

이다.

---

2-1) 데이터 필터링

먼저, 한식 종류의 데이터만 필터링 작업을 한다.

 

배열에 filter 메서드를 사용하여 FD_CS가 한식인 데이터를 필터링하였다.

---

2_2) 배열의 첫 번째 요소만 출력해보기

 

필터링 했던 배열의 첫 번째 요소의 정보이다.

 

 

 

원하는 데이터였던 가게 이름과 메뉴표를 추출한 결과이다.

메뉴표에는 <br /> 태그 정보가 남아 있는 문제가 있다.

 

 

split 메서드를 사용해 재가공 해주어

배열의 첫 번째 요소에서 원하는 데이터를 추출 및 가공해내었다.

---

2-3)  전체 데이터에서 원하는 데이터를 추출 및 가공하여 출력해보기

 

전체 배열 데이터에 map 메서드를 사용하여 데이터를 추출 및 가공하여 새로운 배열을 만들어 출력하였다.

 

출력 결과

---

3. 더 실습해볼수 있는 요소

• MNU 데이터에서 [저염메뉴] 등 관련 없는 데이터를 삭제하고 메뉴와 가격을 분리한 객체 데이터로 가공해보기

---

4. 왜 처음에 FD_CS가 "한식" 인 데이터로 필터링 했을까?

전체 배열 데이터가 클 경우, 미리 필요한 데이터에 대해서 필터링 하지 않고 추출, 가공 작업을 하면 필요한 연산량이 많이진다. 이를 해소하고자 필요없는 데이터에 대해서 미리 필터링 작업을 수행한 것이다.

---