javascript - 在 ELM 中解码嵌套的可变长度 JSON

标签 javascript json decode elm

我在解码 ELM 中有点复杂的 JSON 响应时遇到了困难。 JSON 响应结构(我无法控制它)与我的应用程序的数据树/模型不匹配。

此 JSON 的解码器代码是什么样的?

我正在使用NoRedInk 的 Json.Decode.Pipeline - http://package.elm-lang.org/packages/NoRedInk/elm-decode-pipeline/3.0.0/Json-Decode-Pipeline

我的项目的 Github 存储库 - https://github.com/areai51/my-india-elm

JSON 响应 - https://data.gov.in/node/85987/datastore/export/json

代码

 type alias Leader =
    { attendance : Float      <------- Logic = (Sessions Attended / Total Sessions) * 100
    , name : String
    , state : String
    }


type alias Model =
    { leaders : WebData (List Leader)
    }


initialModel : Model
initialModel =
    { leaders = RemoteData.Loading
    }

JSON 请注意,我没有可以直接映射到“数据”数组内部的键。

{
   "fields":[   // Definitions for the "data" key
      {
         "id":"a",
         "label":"S.No.",
         "type":"string"
      },
      {
         "id":"b",
         "label":"Division\/Seat No.",
         "type":"string"
      },....
    ],
   "data":[      <------- Leaders
      [
         1,
         3,
         "Smt.  Sonia  Gandhi",      <------- Name
         15,
         12,
         "Uttar Pradesh",      <------- State
         "Rae Barelii",
         20,      <------- Total Sessions (Attendance)
         9      <------- Sessions Attended (Attendance)
      ],
      [
         2,
         15,
         "Shri  Dayanidhi  Maran",      <------- Name
         15,
         12,
         "Tamil Nadu",      <------- State
         "Chennai Central",
         20,      <------- Total Sessions (Attendance)
         7      <------- Sessions Attended (Attendance)
      ],
      [
         3,
         16,
         "Shri  A.  Raja",      <------- Name
         15,
         12,
         "Tamil Nadu ",      <------- State
         "Nilgiris",
         20,      <------- Total Sessions (Attendance)
         16      <------- Sessions Attended (Attendance)
      ],.....
    ]
}

更新的解决方案

leadersDecoder : Decode.Decoder (List Leader)
leadersDecoder =
    Decode.at [ "data" ] (Decode.list leaderDecoder)


leaderDecoder : Decode.Decoder Leader
leaderDecoder =
    let
        sessionsAttendedDecoder =
            Decode.index 7 Decode.float
                |> Decode.andThen (\total -> attendanceDecoder
                |> Decode.map (\attended -> (attended / total) * 100))
    in
        Decode.map3 Leader
            sessionsAttendedDecoder
            (Decode.index 2 Decode.string)
            (Decode.index 5 Decode.string)

attendanceDecoder : Decode.Decoder Float
attendanceDecoder =
    (Decode.oneOf
        [ Decode.index 8 Decode.float
        , Decode.succeed 0
        ]
    )

最佳答案

Json.Decode.index可用于使用指定解码器从数组中提取特定索引。将其与 andThen 结合起来和 map基于多个字段进行考勤计算:

import Json.Decode exposing (..)

leaderDecoder : Decoder Leader
leaderDecoder =
    let
        sessionsAttendedDecoder =
            index 7 float
                |> andThen (\total -> index 8 float
                |> map (\attended -> (attended / total) * 100))
    in
        map3 Leader
            sessionsAttendedDecoder
            (index 2 string)
            (index 5 string)

关于javascript - 在 ELM 中解码嵌套的可变长度 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43139316/

相关文章:

javascript - 试图访问一个 json 字段

javascript - 使用 React JS 从 JSON 数据创建 TreeView

Javascript/JSON 警报返回未定义

javascript - 为什么不 decodeURI ("a+b") == "a b"?

javascript - 使用图像映射时通过 jquery 交换图像

javascript - 阻止 touchStart 但允许单击事件

javascript - HTML5 拖放 getData() 仅适用于 Chrome 中的拖放事件?

javascript - 文件下载完成后,jquery 的 $.get(...) ajax 成功函数会触发吗?

java - 将消息存储到 R、G、B 而不是 Alpha

当我不解码为 utf-8 时出现 Python 意外行为