需要根据另一个json数据格式化一个json对象

Question

使用这个来自 api 的 JSON

let json1 ={
    "records": [
        {
            "ID": "1",
            "Value": "A005",
        },
        {
            "ID": "2",
            "Value": "A007",
        },
        {
            "ID": "3",
            "Value": "B001",
        },
        {
            "ID": "4",
            "Value": "B003",
        },
    ],
    "conditional":[
    {"Value":{'A005':'red','A007':'blue','B001':'green'}},
    ]
}

我需要以下 JSON 来格式化要在 UI 中表示的数据

let json ={
    "records": [
        {
            "ID": "1",
            "Value": "<span style='color;red'>A005</span>",
        },
        {
           "ID": "2",
           "Value": "<span style='color;blue'>A007</span>",
        },
        {
          "ID": "3",
          "Value": "<span style='color;green'>B001</span>",
        },
        {
            "ID": "4",
            "Value": "B003",
        },
    ],
    "conditional":[
    {"Value":{'A005':'red','A007':'blue','B001':'green'}},
    ]
}

我不太熟悉 JSON 数据，所以我需要帮助。我试过 forEach 和 Object.keys 但我做不到。

Answer 1

我们可以通过Array.forEach()来完成

let json ={
    "records": [
        {
            "ID": "1",
            "Value": "A005",
        },
        {
            "ID": "2",
            "Value": "A007",
        },
        {
            "ID": "3",
            "Value": "B001",
        },
        {
            "ID": "4",
            "Value": "B003",
        },
    ],
    "conditional":[
    {"Value":{'A005':'red','A007':'blue','B001':'green'}},
    ]
}

// PS: conditional format seems not elegant,especially []
let conditional = json.conditional[0].Value

json.records.forEach(e => {
  let color = conditional[e.Value] 
  e.value = `<span style='color:${color}'>` + e.Value + `</span>`
})

console.log(json)