오늘도 역시나 개발자 도구의 console창과 함께한다.
여러 예제들을 바탕으로 연습해볼꺼다.
(1) 미세먼지(IDEX_MVL)의 값이 40 초과인 구 이름(MSRSTE_NM)과 값을 출력하기
연습에 앞서 아래의 값들을 console창으로 미리 넣어주어야 된다. 좀 길다. 밑에 더보기를 클릭하여 펼치면 나온다.
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: "점검중",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서북권",
MSRSTE_NM: "은평구",
PM10: 36,
PM25: 14,
O3: 0.019,
NO2: 0.018,
CO: 0.5,
SO2: 0.005,
IDEX_NM: "좋음",
IDEX_MVL: 42,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서북권",
MSRSTE_NM: "서대문구",
PM10: 28,
PM25: 9,
O3: 0.018,
NO2: 0.015,
CO: 0.6,
SO2: 0.004,
IDEX_NM: "좋음",
IDEX_MVL: 37,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서북권",
MSRSTE_NM: "마포구",
PM10: 26,
PM25: 8,
O3: 0.012,
NO2: 0.021,
CO: 0.5,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 36,
ARPLT_MAIN: "NO2",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "광진구",
PM10: 17,
PM25: 9,
O3: 0.018,
NO2: 0.016,
CO: 0.6,
SO2: 0.001,
IDEX_NM: "좋음",
IDEX_MVL: 31,
ARPLT_MAIN: "O3",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "성동구",
PM10: 21,
PM25: 12,
O3: 0.018,
NO2: 0.017,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 33,
ARPLT_MAIN: "PM25",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "중랑구",
PM10: 27,
PM25: 10,
O3: 0.015,
NO2: 0.019,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 34,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "동대문구",
PM10: 26,
PM25: 9,
O3: 0.016,
NO2: 0.017,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 34,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "성북구",
PM10: 27,
PM25: 8,
O3: 0.022,
NO2: 0.014,
CO: 0.5,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 37,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "도봉구",
PM10: 25,
PM25: 12,
O3: 0.024,
NO2: 0.011,
CO: 0.3,
SO2: 0.002,
IDEX_NM: "좋음",
IDEX_MVL: 41,
ARPLT_MAIN: "O3",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "강북구",
PM10: 30,
PM25: 15,
O3: 0.022,
NO2: 0.02,
CO: 0.4,
SO2: 0.002,
IDEX_NM: "좋음",
IDEX_MVL: 39,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동북권",
MSRSTE_NM: "노원구",
PM10: 21,
PM25: 14,
O3: 0.017,
NO2: 0.016,
CO: 0.4,
SO2: 0.004,
IDEX_NM: "좋음",
IDEX_MVL: 36,
ARPLT_MAIN: "PM25",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "강서구",
PM10: 36,
PM25: 16,
O3: 0.021,
NO2: 0.013,
CO: 0.4,
SO2: 0.004,
IDEX_NM: "좋음",
IDEX_MVL: 42,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "구로구",
PM10: 23,
PM25: 10,
O3: 0.022,
NO2: 0.016,
CO: 0.3,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 37,
ARPLT_MAIN: "O3",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "영등포구",
PM10: 29,
PM25: 15,
O3: 0.01,
NO2: 0.022,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 41,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "동작구",
PM10: 29,
PM25: 15,
O3: 0.012,
NO2: 0.023,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 41,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "관악구",
PM10: 27,
PM25: 12,
O3: 0.012,
NO2: 0.022,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 37,
ARPLT_MAIN: "NO2",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "금천구",
PM10: 25,
PM25: 15,
O3: 0.015,
NO2: 0.02,
CO: 0.4,
SO2: 0.004,
IDEX_NM: "좋음",
IDEX_MVL: 43,
ARPLT_MAIN: "PM25",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "서남권",
MSRSTE_NM: "양천구",
PM10: 0,
PM25: 14,
O3: 0.016,
NO2: 0.017,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "점검중",
IDEX_MVL: -99,
ARPLT_MAIN: "점검중",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동남권",
MSRSTE_NM: "강남구",
PM10: 31,
PM25: 16,
O3: 0.018,
NO2: 0.018,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 39,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동남권",
MSRSTE_NM: "서초구",
PM10: 34,
PM25: 13,
O3: 0.024,
NO2: 0.019,
CO: 0.3,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 41,
ARPLT_MAIN: "PM10",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동남권",
MSRSTE_NM: "송파구",
PM10: 25,
PM25: 6,
O3: 0.014,
NO2: 0.025,
CO: 0.4,
SO2: 0.003,
IDEX_NM: "좋음",
IDEX_MVL: 42,
ARPLT_MAIN: "NO2",
},
{
MSRDT: "201912052100",
MSRRGN_NM: "동남권",
MSRSTE_NM: "강동구",
PM10: 24,
PM25: 14,
O3: 0.016,
NO2: 0.02,
CO: 0.4,
SO2: 0.002,
IDEX_NM: "좋음",
IDEX_MVL: 39,
ARPLT_MAIN: "PM25",
},
];
이후 mise_list를 입력해서 제대로 값들이 들어가 있는지 확인해보자.
잘 들어가져 있다.
for (let i = 0; i < mise_list.length; i++) {
console.log(mise_list[i])
}이 코드를 입력하여 반복문으로 도출해보자.
잘 나온다. 왼쪽 삼각형 모양을 눌러 접힌 부분을 한번 펼쳐서 어떻게 생겼는지 살펴보자.
안에 이런식으로 값들이 저장되어 있다.
자.. 그럼!
출력값을 "구이름 미세먼지수치" 형태로 쫘라락~ 나오게 하고 싶다. 어떻게 입력해야 할까?
console.log(gu_name,gu_mise)라고 출력값을 설정한 뒤에!
gu_name에 값을 넣어주고, gu_mise에 값을 넣어주면 되지않을까?
gu_name은 해당 리스트에서 MSRSTE_NM이라는 이름으로 저장되어 있고,
gu_mise는 IDEX_MVL이라는 이름으로 저장되어 있다.
해당 내용들을 작성하면 아래와 같다.
for (let i = 0; i < mise_list.length; i++) {
let gu_name = mise_list[i]['MSRSTE_NM']
let gu_mise = mise_list[i]['IDEX_MVL']
console.log(gu_name,gu_mise)
}
성공! 잘 나온다. 뿌듯뿌듯하다.
여기서 조건문을 응용해보자. 40초과인 미세먼지 수치를 가진 것들만 뽑아보자.
for (let i = 0; i < mise_list.length; i++) {
let gu_name = mise_list[i]['MSRSTE_NM']
let gu_mise = mise_list[i]['IDEX_MVL']
if (gu_mise > 40) {
console.log(gu_name,gu_mise)
}
}
짜잔! 생각한데로 잘 나왔다.
(2) 자전거(parkingBikeTotCnt)가 5개 이하인 정류장의 이름을 출력하기
처음 예제에서도 미리 입력했던 값들이 필요했듯이.. 이번에도 서울시 따릉이 현황의 값들이 일단 필요하다.
console창에 값들을 입력해두자. 이번건 더 길다 으
이번에도 아래 더보기를 클릭하여 펼치면 나온다.
let bikes = [
{
rackTotCnt: "7",
stationName: "101. (구)합정동 주민센터",
parkingBikeTotCnt: "4",
shared: "14",
stationLatitude: "37.54956055",
stationLongitude: "126.90575409",
stationId: "ST-3",
},
{
rackTotCnt: "22",
stationName: "102. 망원역 1번출구 앞",
parkingBikeTotCnt: "17",
shared: "5",
stationLatitude: "37.55564880",
stationLongitude: "126.91062927",
stationId: "ST-4",
},
{
rackTotCnt: "16",
stationName: "103. 망원역 2번출구 앞",
parkingBikeTotCnt: "11",
shared: "13",
stationLatitude: "37.55495071",
stationLongitude: "126.91083527",
stationId: "ST-5",
},
{
rackTotCnt: "15",
stationName: "104. 합정역 1번출구 앞",
parkingBikeTotCnt: "11",
shared: "0",
stationLatitude: "37.55062866",
stationLongitude: "126.91498566",
stationId: "ST-6",
},
{
rackTotCnt: "7",
stationName: "105. 합정역 5번출구 앞",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.55000687",
stationLongitude: "126.91482544",
stationId: "ST-7",
},
{
rackTotCnt: "12",
stationName: "106. 합정역 7번출구 앞",
parkingBikeTotCnt: "8",
shared: "8",
stationLatitude: "37.54864502",
stationLongitude: "126.91282654",
stationId: "ST-8",
},
{
rackTotCnt: "7",
stationName: "107. 신한은행 서교동금융센터점 앞",
parkingBikeTotCnt: "5",
shared: "14",
stationLatitude: "37.55751038",
stationLongitude: "126.91850281",
stationId: "ST-9",
},
{
rackTotCnt: "12",
stationName: "108. 서교동 사거리",
parkingBikeTotCnt: "9",
shared: "8",
stationLatitude: "37.55274582",
stationLongitude: "126.91861725",
stationId: "ST-10",
},
{
rackTotCnt: "12",
stationName: "109. 제일빌딩 앞",
parkingBikeTotCnt: "8",
shared: "33",
stationLatitude: "37.54769135",
stationLongitude: "126.91998291",
stationId: "ST-11",
},
{
rackTotCnt: "22",
stationName: "110. 사천교",
parkingBikeTotCnt: "16",
shared: "5",
stationLatitude: "37.56819916",
stationLongitude: "126.91784668",
stationId: "ST-13",
},
{
rackTotCnt: "12",
stationName: "111. 상수역 2번출구 앞",
parkingBikeTotCnt: "9",
shared: "25",
stationLatitude: "37.54787064",
stationLongitude: "126.92353058",
stationId: "ST-15",
},
{
rackTotCnt: "12",
stationName: "112. 극동방송국 앞",
parkingBikeTotCnt: "8",
shared: "25",
stationLatitude: "37.54920197",
stationLongitude: "126.92320251",
stationId: "ST-16",
},
{
rackTotCnt: "27",
stationName: "113. 홍대입구역 2번출구 앞",
parkingBikeTotCnt: "24",
shared: "22",
stationLatitude: "37.55749893",
stationLongitude: "126.92380524",
stationId: "ST-18",
},
{
rackTotCnt: "17",
stationName: "114. 홍대입구역 8번출구 앞",
parkingBikeTotCnt: "14",
shared: "129",
stationLatitude: "37.55706024",
stationLongitude: "126.92442322",
stationId: "ST-20",
},
{
rackTotCnt: "17",
stationName: "115. 사루비아 빌딩 앞",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.55893326",
stationLongitude: "126.92711639",
stationId: "ST-12",
},
{
rackTotCnt: "7",
stationName: "116. 일진아이윌아파트 옆",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.56454086",
stationLongitude: "126.92707062",
stationId: "ST-14",
},
{
rackTotCnt: "27",
stationName: "117. 홍은사거리",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.59115982",
stationLongitude: "126.94132996",
stationId: "ST-17",
},
{
rackTotCnt: "12",
stationName: "118. 광흥창역 2번출구 앞",
parkingBikeTotCnt: "9",
shared: "67",
stationLatitude: "37.54773331",
stationLongitude: "126.93176270",
stationId: "ST-19",
},
{
rackTotCnt: "12",
stationName: "119. 서강나루 공원",
parkingBikeTotCnt: "9",
shared: "17",
stationLatitude: "37.54528427",
stationLongitude: "126.93105316",
stationId: "ST-21",
},
{
rackTotCnt: "7",
stationName: "120. 신수동 사거리",
parkingBikeTotCnt: "3",
shared: "0",
stationLatitude: "37.54524231",
stationLongitude: "126.93411255",
stationId: "ST-22",
},
{
rackTotCnt: "17",
stationName: "121. 마포소방서 앞",
parkingBikeTotCnt: "11",
shared: "24",
stationLatitude: "37.54976654",
stationLongitude: "126.93317413",
stationId: "ST-23",
},
{
rackTotCnt: "12",
stationName: "122. 신성기사식당 앞",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.54745865",
stationLongitude: "126.93837738",
stationId: "ST-24",
},
{
rackTotCnt: "22",
stationName: "123. 문화촌 공원",
parkingBikeTotCnt: "7",
shared: "0",
stationLatitude: "37.59432983",
stationLongitude: "126.94738770",
stationId: "ST-25",
},
{
rackTotCnt: "22",
stationName: "124. 서강대 정문 건너편",
parkingBikeTotCnt: "7",
shared: "0",
stationLatitude: "37.55113983",
stationLongitude: "126.93698883",
stationId: "ST-26",
},
{
rackTotCnt: "17",
stationName: "125. 서강대 남문 옆",
parkingBikeTotCnt: "13",
shared: "0",
stationLatitude: "37.54948425",
stationLongitude: "126.93894958",
stationId: "ST-27",
},
{
rackTotCnt: "22",
stationName: "126. 서강대 후문 옆",
parkingBikeTotCnt: "17",
shared: "5",
stationLatitude: "37.55041122",
stationLongitude: "126.94384766",
stationId: "ST-28",
},
{
rackTotCnt: "22",
stationName: "128. 신촌역(2호선) 1번출구 옆",
parkingBikeTotCnt: "14",
shared: "5",
stationLatitude: "37.55549622",
stationLongitude: "126.93634033",
stationId: "ST-30",
},
{
rackTotCnt: "17",
stationName: "129. 신촌역(2호선) 6번출구 옆",
parkingBikeTotCnt: "8",
shared: "0",
stationLatitude: "37.55505371",
stationLongitude: "126.93756866",
stationId: "ST-31",
},
{
rackTotCnt: "12",
stationName: "130. 신촌역(2호선) 7번출구 앞",
parkingBikeTotCnt: "8",
shared: "17",
stationLatitude: "37.55485916",
stationLongitude: "126.93615723",
stationId: "ST-32",
},
{
rackTotCnt: "25",
stationName: "131. 증산2교",
parkingBikeTotCnt: "17",
shared: "4",
stationLatitude: "37.58417130",
stationLongitude: "126.91110229",
stationId: "ST-33",
},
{
rackTotCnt: "17",
stationName: "133. 해담는다리",
parkingBikeTotCnt: "11",
shared: "12",
stationLatitude: "37.58203125",
stationLongitude: "126.90899658",
stationId: "ST-35",
},
{
rackTotCnt: "10",
stationName: "134. 연세로 명물길",
parkingBikeTotCnt: "6",
shared: "20",
stationLatitude: "37.55789185",
stationLongitude: "126.93807983",
stationId: "ST-36",
},
{
rackTotCnt: "12",
stationName: "135. 명물길 원형무대 앞",
parkingBikeTotCnt: "10",
shared: "0",
stationLatitude: "37.55910110",
stationLongitude: "126.93917847",
stationId: "ST-37",
},
{
rackTotCnt: "9",
stationName: "136. 대흥동 주민센터",
parkingBikeTotCnt: "1",
shared: "11",
stationLatitude: "37.55600357",
stationLongitude: "126.94229889",
stationId: "ST-38",
},
{
rackTotCnt: "12",
stationName: "137. NH농협 신촌지점 앞",
parkingBikeTotCnt: "4",
shared: "0",
stationLatitude: "37.55681229",
stationLongitude: "126.94318390",
stationId: "ST-39",
},
{
rackTotCnt: "12",
stationName: "138. 신촌동 제1공영주차장 앞",
parkingBikeTotCnt: "7",
shared: "25",
stationLatitude: "37.55917740",
stationLongitude: "126.93452454",
stationId: "ST-40",
},
{
rackTotCnt: "15",
stationName: "139. 연세대 정문 건너편",
parkingBikeTotCnt: "13",
shared: "7",
stationLatitude: "37.55979538",
stationLongitude: "126.93447876",
stationId: "ST-43",
},
{
rackTotCnt: "22",
stationName: "140. 이화여대 후문",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.56000900",
stationLongitude: "126.94073486",
stationId: "ST-41",
},
{
rackTotCnt: "22",
stationName: "141. 연대 대운동장 옆",
parkingBikeTotCnt: "13",
shared: "5",
stationLatitude: "37.56238174",
stationLongitude: "126.93264771",
stationId: "ST-42",
},
{
rackTotCnt: "13",
stationName: "142. 아현역 4번출구 앞",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.55720139",
stationLongitude: "126.95566559",
stationId: "ST-200",
},
{
rackTotCnt: "11",
stationName: "143. 공덕역 2번출구",
parkingBikeTotCnt: "7",
shared: "0",
stationLatitude: "37.54457855",
stationLongitude: "126.95021820",
stationId: "ST-201",
},
{
rackTotCnt: "12",
stationName: "144. 공덕역 8번출구",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.54357910",
stationLongitude: "126.95132446",
stationId: "ST-202",
},
{
rackTotCnt: "11",
stationName: "145. 공덕역 5번출구",
parkingBikeTotCnt: "8",
shared: "36",
stationLatitude: "37.54425049",
stationLongitude: "126.95163727",
stationId: "ST-203",
},
{
rackTotCnt: "14",
stationName: "146. 마포역 2번출구 뒤",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.53993607",
stationLongitude: "126.94582367",
stationId: "ST-204",
},
{
rackTotCnt: "9",
stationName: "147. 마포역 4번출구 뒤",
parkingBikeTotCnt: "4",
shared: "0",
stationLatitude: "37.53927231",
stationLongitude: "126.94591522",
stationId: "ST-205",
},
{
rackTotCnt: "17",
stationName: "150. 서강대역 2번출구 앞",
parkingBikeTotCnt: "13",
shared: "65",
stationLatitude: "37.55295563",
stationLongitude: "126.93434143",
stationId: "ST-207",
},
{
rackTotCnt: "12",
stationName: "151. 망원1동주민센터",
parkingBikeTotCnt: "11",
shared: "58",
stationLatitude: "37.55568695",
stationLongitude: "126.90554810",
stationId: "ST-208",
},
{
rackTotCnt: "32",
stationName: "152. 마포구민체육센터 앞",
parkingBikeTotCnt: "8",
shared: "31",
stationLatitude: "37.55661011",
stationLongitude: "126.89801788",
stationId: "ST-209",
},
{
rackTotCnt: "12",
stationName: "153. 성산2교 사거리",
parkingBikeTotCnt: "7",
shared: "17",
stationLatitude: "37.56469727",
stationLongitude: "126.91261292",
stationId: "ST-210",
},
{
rackTotCnt: "15",
stationName: "154. 마포구청역 ",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.56090927",
stationLongitude: "126.90549469",
stationId: "ST-211",
},
{
rackTotCnt: "17",
stationName: "155. 가좌역1 번출구 뒤",
parkingBikeTotCnt: "14",
shared: "0",
stationLatitude: "37.56855011",
stationLongitude: "126.91451263",
stationId: "ST-212",
},
{
rackTotCnt: "12",
stationName: "156. 서울서부지방법원 앞",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.54990387",
stationLongitude: "126.95514679",
stationId: "ST-213",
},
{
rackTotCnt: "14",
stationName: "157. 애오개역 4번출구 앞",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.55300140",
stationLongitude: "126.95668793",
stationId: "ST-214",
},
{
rackTotCnt: "17",
stationName: "158. 독립문 어린이 공원",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.57125854",
stationLongitude: "126.96047974",
stationId: "ST-215",
},
{
rackTotCnt: "9",
stationName: "159. 이대역 4번 출구",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.55695343",
stationLongitude: "126.94634247",
stationId: "ST-216",
},
{
rackTotCnt: "22",
stationName: "160. 북아현동 가구거리",
parkingBikeTotCnt: "15",
shared: "0",
stationLatitude: "37.55754852",
stationLongitude: "126.95938110",
stationId: "ST-217",
},
{
rackTotCnt: "10",
stationName: "161. 무악재역1번 출구",
parkingBikeTotCnt: "0",
shared: "0",
stationLatitude: "37.58224487",
stationLongitude: "126.95064545",
stationId: "ST-218",
},
{
rackTotCnt: "17",
stationName: "162. 봉원고가차도 밑",
parkingBikeTotCnt: "8",
shared: "0",
stationLatitude: "37.56526947",
stationLongitude: "126.94624329",
stationId: "ST-219",
},
{
rackTotCnt: "9",
stationName: "163. 명지전문대학교 정문 앞",
parkingBikeTotCnt: "0",
shared: "0",
stationLatitude: "37.58369827",
stationLongitude: "126.92496490",
stationId: "ST-220",
},
{
rackTotCnt: "12",
stationName: "164. 북가좌1동 주민센터 ",
parkingBikeTotCnt: "7",
shared: "25",
stationLatitude: "37.57447815",
stationLongitude: "126.91004944",
stationId: "ST-221",
},
{
rackTotCnt: "22",
stationName: "165. 중앙근린공원",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.57513809",
stationLongitude: "126.91394043",
stationId: "ST-222",
},
{
rackTotCnt: "22",
stationName: "166. 가재울 초등학교",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.57327652",
stationLongitude: "126.91967773",
stationId: "ST-223",
},
{
rackTotCnt: "17",
stationName: "167. 연가초등학교 옆",
parkingBikeTotCnt: "12",
shared: "0",
stationLatitude: "37.57946014",
stationLongitude: "126.91712952",
stationId: "ST-224",
},
{
rackTotCnt: "17",
stationName: "169. 북가좌 삼거리",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.57300186",
stationLongitude: "126.90779877",
stationId: "ST-226",
},
{
rackTotCnt: "12",
stationName: "170. 가재울 뉴타운 주유소 옆",
parkingBikeTotCnt: "9",
shared: "33",
stationLatitude: "37.57311249",
stationLongitude: "126.92244720",
stationId: "ST-227",
},
{
rackTotCnt: "12",
stationName: "171. 임광빌딩 앞",
parkingBikeTotCnt: "9",
shared: "8",
stationLatitude: "37.56472397",
stationLongitude: "126.96727753",
stationId: "ST-228",
},
{
rackTotCnt: "10",
stationName: "173. 서대문역 8번출구 앞",
parkingBikeTotCnt: "4",
shared: "0",
stationLatitude: "37.56477737",
stationLongitude: "126.96614838",
stationId: "ST-230",
},
{
rackTotCnt: "22",
stationName: "175. 홍연2교옆",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.57807159",
stationLongitude: "126.93081665",
stationId: "ST-231",
},
{
rackTotCnt: "12",
stationName: "176. 명지대학교 도서관",
parkingBikeTotCnt: "0",
shared: "0",
stationLatitude: "37.58109665",
stationLongitude: "126.92402649",
stationId: "ST-555",
},
{
rackTotCnt: "10",
stationName: "177. 북가좌 초등학교",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.57767487",
stationLongitude: "126.90980530",
stationId: "ST-345",
},
{
rackTotCnt: "12",
stationName: "178. 증산3교 앞",
parkingBikeTotCnt: "0",
shared: "0",
stationLatitude: "37.57987595",
stationLongitude: "126.90634918",
stationId: "ST-349",
},
{
rackTotCnt: "17",
stationName: "179. 가좌역 4번출구 앞",
parkingBikeTotCnt: "14",
shared: "47",
stationLatitude: "37.56912231",
stationLongitude: "126.91479492",
stationId: "ST-232",
},
{
rackTotCnt: "12",
stationName: "180. 충정로역 7번출구 아래",
parkingBikeTotCnt: "10",
shared: "8",
stationLatitude: "37.55996704",
stationLongitude: "126.96246338",
stationId: "ST-233",
},
{
rackTotCnt: "17",
stationName: "181. 망원초록길 입구",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.55134201",
stationLongitude: "126.90267181",
stationId: "ST-339",
},
{
rackTotCnt: "12",
stationName: "182. 망원2빗물펌프장 앞",
parkingBikeTotCnt: "7",
shared: "0",
stationLatitude: "37.55156708",
stationLongitude: "126.90284729",
stationId: "ST-340",
},
{
rackTotCnt: "17",
stationName: "183. 하늘채코오롱아파트 건너편",
parkingBikeTotCnt: "10",
shared: "0",
stationLatitude: "37.56516647",
stationLongitude: "126.91939545",
stationId: "ST-341",
},
{
rackTotCnt: "11",
stationName: "184. SK망원동주유소 건너편",
parkingBikeTotCnt: "4",
shared: "0",
stationLatitude: "37.55894852",
stationLongitude: "126.90775299",
stationId: "ST-342",
},
{
rackTotCnt: "17",
stationName: "185. 마포 신수공원 앞",
parkingBikeTotCnt: "5",
shared: "0",
stationLatitude: "37.54254532",
stationLongitude: "126.93429565",
stationId: "ST-343",
},
{
rackTotCnt: "42",
stationName: "186. 월드컵공원",
parkingBikeTotCnt: "22",
shared: "10",
stationLatitude: "37.56396484",
stationLongitude: "126.89820862",
stationId: "ST-344",
},
{
rackTotCnt: "12",
stationName: "188. 홍은동 정원여중 입구",
parkingBikeTotCnt: "2",
shared: "0",
stationLatitude: "37.58638763",
stationLongitude: "126.93512726",
stationId: "ST-346",
},
{
rackTotCnt: "12",
stationName: "191. 서우빌딩(바른학원)",
parkingBikeTotCnt: "6",
shared: "0",
stationLatitude: "37.57889175",
stationLongitude: "126.91073608",
stationId: "ST-347",
},
{
rackTotCnt: "12",
stationName: "192. 연서어린이공원",
parkingBikeTotCnt: "0",
shared: "0",
stationLatitude: "37.57222748",
stationLongitude: "126.92306519",
stationId: "ST-348",
},
{
rackTotCnt: "12",
stationName: "194. 증산교 앞",
parkingBikeTotCnt: "2",
shared: "0",
stationLatitude: "37.57731628",
stationLongitude: "126.90296936",
stationId: "ST-350",
},
{
rackTotCnt: "12",
stationName: "195. 모래내고가차도 ",
parkingBikeTotCnt: "6",
shared: "42",
stationLatitude: "37.56765747",
stationLongitude: "126.91780853",
stationId: "ST-351",
},
{
rackTotCnt: "12",
stationName: "196. 연희교차로 인근",
parkingBikeTotCnt: "1",
shared: "0",
stationLatitude: "37.56612015",
stationLongitude: "126.92589569",
stationId: "ST-352",
},
{
rackTotCnt: "17",
stationName: "198. 충정2교",
parkingBikeTotCnt: "15",
shared: "0",
stationLatitude: "37.56213760",
stationLongitude: "126.96377563",
stationId: "ST-354",
},
{
rackTotCnt: "32",
stationName: "199. 서울 월드컵 경기장",
parkingBikeTotCnt: "7",
shared: "0",
stationLatitude: "37.56684494",
stationLongitude: "126.89644623",
stationId: "ST-443",
},
{
rackTotCnt: "22",
stationName: "200. 국회의원회관",
parkingBikeTotCnt: "8",
shared: "0",
stationLatitude: "37.52841568",
stationLongitude: "126.91391754",
stationId: "ST-45",
},
{
rackTotCnt: "17",
stationName: "201. 진미파라곤 앞",
parkingBikeTotCnt: "9",
shared: "6",
stationLatitude: "37.53123856",
stationLongitude: "126.92133331",
stationId: "ST-46",
},
{
rackTotCnt: "32",
stationName: "202. 국민일보 앞",
parkingBikeTotCnt: "21",
shared: "19",
stationLatitude: "37.52881622",
stationLongitude: "126.92453003",
stationId: "ST-47",
},
{
rackTotCnt: "17",
stationName: "203. 국회의사당역 3번출구 옆",
parkingBikeTotCnt: "14",
shared: "76",
stationLatitude: "37.52805710",
stationLongitude: "126.91870117",
stationId: "ST-51",
},
{
rackTotCnt: "15",
stationName: "204. 국회의사당역 5번출구 옆",
parkingBikeTotCnt: "10",
shared: "53",
stationLatitude: "37.52816391",
stationLongitude: "126.91702271",
stationId: "ST-50",
},
{
rackTotCnt: "22",
stationName: "205. 산업은행 앞",
parkingBikeTotCnt: "13",
shared: "0",
stationLatitude: "37.52626419",
stationLongitude: "126.92050934",
stationId: "ST-52",
},
{
rackTotCnt: "37",
stationName: "206. KBS 앞",
parkingBikeTotCnt: "24",
shared: "11",
stationLatitude: "37.52466583",
stationLongitude: "126.91802216",
stationId: "ST-53",
},
{
rackTotCnt: "42",
stationName: "207. 여의나루역 1번출구 앞",
parkingBikeTotCnt: "16",
shared: "0",
stationLatitude: "37.52698898",
stationLongitude: "126.93209839",
stationId: "ST-73",
},
{
rackTotCnt: "14",
stationName: "209. 유진투자증권빌딩 앞",
parkingBikeTotCnt: "12",
shared: "14",
stationLatitude: "37.52461243",
stationLongitude: "126.92783356",
stationId: "ST-55",
},
{
rackTotCnt: "23",
stationName: "210. IFC몰",
parkingBikeTotCnt: "16",
shared: "13",
stationLatitude: "37.52606583",
stationLongitude: "126.92553711",
stationId: "ST-56",
},
{
rackTotCnt: "15",
stationName: "211. 여의도역 4번출구 옆",
parkingBikeTotCnt: "2",
shared: "0",
stationLatitude: "37.52222824",
stationLongitude: "126.92463684",
stationId: "ST-57",
},
{
rackTotCnt: "37",
stationName: "212. 여의도역 1번출구 옆",
parkingBikeTotCnt: "9",
shared: "0",
stationLatitude: "37.52136230",
stationLongitude: "126.92346191",
stationId: "ST-58",
},
];
데이터를 한번 확인해보자.
99개의 데이터가 있다.
바로 해볼까? 반복문으로 불러와보자.
for (let i = 0; i < bikes.length; i++){
console.log(bikes[i])
}
좋아 잘 되는군. 접힌 부분을 펴서 어떤식의 이름으로 어떤 값이 들어있는지 확인해보자.
음~ 조금 살펴보면, "(구)합정동 주민센터에 주차되어 있는 따릉이자전거(parkingBikeTotCnt)가 4대가 있다."라는 정보를 알 수 있다.
어떤 정류장에 몇대의 주차되어있는 따릉이자전거(parkingBikeTotCnt)가 있는지 해당내용만 볼 수 있도록 반복문으로 출력해보자.
console.log(name,bike)으로 출력 형태를 잡아주고.
let name = bikes[i][‘stationName’]으로 name에 정류장 이름을 넣어주고
let bike = bikes[i][‘parkingBikeTotCnt’]로 주차되어있는 따릉이자전의 개수를 넣어주자.
for (let i = 0; i < bikes.length; i++){
let name = bikes[i]['stationName']
let bike = bikes[i]['parkingBikeTotCnt']
console.log(name,bike)
}
주차되어있는 따릉이자전거(parkingBikeTotCnt)가 5대 미만인 곳만 봐보려면?
for (let i = 0; i < bikes.length; i++){
let name = bikes[i]['stationName']
let bike = bikes[i]['parkingBikeTotCnt']
if (bike < 5){
console.log(name,bike)
}
}
성공!
'Javascript' 카테고리의 다른 글
| 서버(server) - 클라이언트(client) 통신 이해하기 (0) | 2022.05.27 |
|---|---|
| onclick 활용 복습해보기 (0) | 2022.05.18 |
| Javascript 기초 문법 2 (feat. 함수, 조건문, 반복문) (0) | 2022.05.10 |
| Javascript 기초 문법 1 (feat. 변수, 자료형 + 번외 기본함수) (0) | 2022.05.07 |
| Javascript 맛보기 (0) | 2022.05.07 |