>source

누군가가 나를 도와 주실 수 있습니까? JSON 데이터를 API에서 LI에서 LI로 변환하는 데 도움이 필요합니다. 마찬가지로 각 세그먼트는 별도의 LI입니다. if, elseif 및 else 문을 사용하여 아이콘을 설정할 수 있습니다. 나는 시간을 설정하는 스크립트가 있지만 각 세그먼트를 LI로 변환하는 방법은 내가 도움이 필요한 것입니다.

어떻게 변환합니까?

segments: Array(5)
 0:
  bounds: {maximum: {…}, minimum: {…}}
  from: {origin: {…}}
  times: {start: "2021-04-20T14:25:00", end: "2021-04-20T14:28:00", durations: {…}}
  to: {stop: {…}}
  type: "walk"
  __proto__: Object
 1:
  bounds: {maximum: {…}, minimum: {…}}
  bus: {bike-rack: "false", easy-access: "true", wifi: "false"}
  route: {key: 662, number: 662, name: "Route 662 Richmond", customer-type: "regular", coverage: "feeder", …}
  times: {start: "2021-04-20T14:28:00", end: "2021-04-20T14:40:00", durations: {…}}
  type: "ride"
  variant: {key: "662-0-U", name: "Richmond to University of Manitoba"}
  __proto__: Object
 2:
  bounds: {maximum: {…}, minimum: {…}}
  from: {stop: {…}}
  times: {start: "2021-04-20T14:40:00", end: "2021-04-20T14:59:00", durations: {…}}
  to: {stop: {…}}
  type: "transfer"
  __proto__: Object
 3:
  bounds: {maximum: {…}, minimum: {…}}
  bus: {bike-rack: "false", easy-access: "true", wifi: "false"}
  route: {key: 74, number: 74, name: "Route 74 Kenaston", customer-type: "regular",
  coverage: "regular", …}
  times: {start: "2021-04-20T14:59:00", end: "2021-04-20T15:24:00", durations: {…}}
  type: "ride"
  variant: {key: "74-1-P", name: "Kenaston to Polo Park"}
  __proto__: Object
 4:
  bounds: {maximum: {…}, minimum: {…}}
  from: {stop: {…}}
  times: {start: "2021-04-20T15:24:00", end: "2021-04-20T15:25:00", durations: {…}}
  to: {destination: {…}}
  type: "walk"
  __proto__: Object
 length: 5
 __proto__: Array(0)

다음과 같이하십시오.

<div class="bus-container">    <ul class="my-trip">      <li><span class="material-icons">exit_to_app</span> Depart at 9:55:00 AM.</li>      <li><span class="material-icons">directions_walk</span>Walk for 6 minutes to stop #50577 -Northbound St Mary's at
        Avalon</li>      <li><span class="material-icons">directions_bus</span>Ride the Route 14 Ellice-St. Mary's for 23 minutes.</li>      <li><span class="material-icons">transfer_within_a_station</span>Transfer from stop #10643 -Northbound Fort at
        Graham to stop #10611 -Eastbound Graham at Fort (Wpg Square)</li>      <li><span class="material-icons">directions_bus</span>Ride the Route 16 Selkirk-Osborne for 16 minutes.</li>      <li><span class="material-icons">transfer_within_a_station</span>Transfer from stop #30296 -Westbound Selkirk at
        Arlington to stop #30295 -Northbound Arlington at Selkirk</li>      <li><span class="material-icons">directions_bus</span>Ride the Route 71 Arlington for 13 minutes.</li>      <li><span class="material-icons">directions_walk</span>Walk for 3 minutes to your destination, arriving at
        11:00:00 AM</li>    </ul>  </div>

제발 도와주세요, 고마워요!

진정으로 초보자라면,이 수준의 복잡성 ( "걷기 전에 걷기")로 작업을 수행하기 전에 펀더멘털을 깎아 내리는 것이 좋습니다. 우리는 확실히 숟가락을 공급할 수 있습니다. 그러나 궁극적으로 정확하게 무슨 일이 일어나고 있는지 배우고 이해하는 데 도움이되지 않습니다.

esqew2021-04-22 07:46:16

또한 요구 사항뿐만 아니라 시도를 게시 할 것으로 예상됩니다. 이와 같은 작업에 대해 거의 양의 문서와 토론이 있습니다. 시도 해봐!

isherwood2021-04-22 07:46:16

원하는 예제는 게시 된 JSON에 맞아야하지만 데이터는 다른 것으로 보입니다 ...

biberman2021-04-22 07:46:16
  • 답변 # 1

    이것은 실제로 요구 사항에 따라 여러 가지 방법으로 수행 할 수 있으며 어떻게 지내 었는지에 따라 수행 할 수 있습니다. 나는 충분한 정보가 제공되지 않았으므로 잘못된 대답을주지 않을 것입니다. 그러나이 문제와 관련하여 도움이 될 수있는 몇 가지 링크를 첨부 할 것입니다.

    . JSON에서 데이터를 추출하십시오

    이 도움이되기를 바랍니다. 충분한 작업 솔루션을 찾을 수 있습니다 https://jsfiddle.net/ https://codepen.io/, 작업 code를보고있는 경우 이해하는 데 도움이됩니다.

  • 이전 javascript : 녹아웃 저장된 값을 읽은 후에 익숙해지지 않는 Observable이 아닙니다
  • 다음 plsql /dbms_out -특정 값을 반환하는 방법은 무엇입니까?