[JavaScript]JavaScript활용하기

그렇다면 JavaScript는 어떻게 활용할 수 있을까요?

JS를 사용하면, 아래와 같이 리스트 안에 들어있는 자료 중에 내가 원하는 부분만 골라내는 작업을 할 수 있습니다.

 

i.g.)

 

let mise_list = [
  {
    MSRDT: "201912052100",
    MSRRGN_NM: "도심권",
    MSRSTE_NM: "중구",
    PM10: 22,
    PM25: 14,
    O3: 0.018,
    NO2: 0.015,
    CO: 0.4,
    SO2: 0.002,
    IDEX_NM: "좋음",
    IDEX_MVL: 31,
    ARPLT_MAIN: "O3",
  },
  {
    MSRDT: "201912052100",

    MSRRGN_NM: "도심권",
    MSRSTE_NM: "종로구",
    PM10: 24,
    PM25: 18,
    O3: 0.013,
    NO2: 0.016,
    CO: 0.4,
    SO2: 0.003,
    IDEX_NM: "좋음",
    IDEX_MVL: 39,
    ARPLT_MAIN: "PM25",
  },
  {
    MSRDT: "201912052100",
    MSRRGN_NM: "도심권",
    MSRSTE_NM: "용산구",
    PM10: 0,
    PM25: 15,
    O3: 0.012,
    NO2: 0.027,
    CO: 0.4,
    SO2: 0.003,
    IDEX_NM: "점검중",
    IDEX_MVL: -99,
    ARPLT_MAIN: "점검중",
  }
];

예를 들어 위와 같은 자료 리스트가 있을 때,

리스트 안에 들어있는 항목들을 모두 추출해 낼 수 있습니다.

 

for (let i = 0; i < mise_list.length; i++){
    console.log(mise_list[i])}

 

이렇게 for문을 이용해 리스트 안의 내용물 수만큼 console에 log를 뽑아내는 기능을 이용해 보면,

 

이렇게 내용물들을 하나씩 추출해 냈음을 볼 수 있습니다.

 

특별히 "구"의 이름만 뽑아 내고 싶을 수도 있겠죠?

 

방금전 사용했던 for문에서 구의 값을 담고있는 key인 "MSRSTE_NM"을 골라오라고 붙여주기만 하면 됩니다.

 

for (let i = 0; i < mise_list.length; i++){
    console.log(mise_list[i]["MSRSTE_NM"])}

 

그러면, 아래처럼 깔끔하게 구 정보만 가져온 것을 볼 수 있습니다.