亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將 JSON 數據映射到表/HTML?

如何將 JSON 數據映射到表/HTML?

慕哥9229398 2023-10-30 20:24:30
我得到的json數據如下:{    "encoding_version" : 1,    "root" : {        "_type" : lookup_config_data",        "Class" : ".key.LookData",        "Tbl" : {            "_type" : "lookup_table",            "Class" : ".key.LookupTable",            "Lhs" : { "_type" : "array<variant>", "_data" : [                ".key.test1",                ".key.test2",                ".key.test3",                ".key.test4",                ".key.test5"                            ] },            "Groups" : { "_type" : "array<array<key>>", "_data" : [                { "_type" : "array<key>", "_data" : [                    ".key.data1",                    ".key.data12"                ] },                { "_type" : "array<key>", "_data" : [                    ".key.data2"                ] },                { "_type" : "array<key>", "_data" : [                    ".key.data3"                ] },                { "_type" : "array<key>", "_data" : [                    ".key.data4"                ] },                { "_type" : "array<key>", "_data" : [                    ".key.data5"                ] }            ] }        }    }}有沒有辦法映射如下:測試1 -> 數據1,數據12測試2->數據2測試3->數據3測試4->數據4測試5->數據5請幫忙。謝謝!
查看完整描述

1 回答

?
犯罪嫌疑人X

TA貢獻2080條經驗 獲得超4個贊

看起來上面的數據有一個預定義的模式。因此,需要注意模式定義的每個語法。但作為起點,您可以使用以下代碼。


var obj = {

  "encoding_version" : 1,

  "root" : {

      "_type" : "lookup_config_data",

      "Class" : ".key.LookData",

      "Tbl" : {

          "_type" : "lookup_table",

          "Class" : ".key.LookupTable",

          "Lhs" : { "_type" : "array<variant>", "_data" : [

              ".key.test1",

              ".key.test2",

              ".key.test3",

              ".key.test4",

              ".key.test5"                


          ] },

          "Groups" : { "_type" : "array<array<key>>", "_data" : [

              { "_type" : "array<key>", "_data" : [

                  ".key.data1",

                  ".key.data12"

              ] },

              { "_type" : "array<key>", "_data" : [

                  ".key.data2"

              ] },

              { "_type" : "array<key>", "_data" : [

                  ".key.data3"

              ] },

              { "_type" : "array<key>", "_data" : [

                  ".key.data4"

              ] },

              { "_type" : "array<key>", "_data" : [

                  ".key.data5"

              ] }



          ] }

      }

  }

};


var newObj = {};

var keys = obj.root.Tbl.Lhs._data;

var values = obj.root.Tbl.Groups._data;


if (keys.length == values.length){

  keys.forEach((e,i)=>{

    newObj[extractData(e)] = values[i]._data.map(v=>extractData(v));

  })

}


function extractData(raw){

  return raw.split('.')[2];

}

console.log(newObj);


這將是鍵到值newObj的映射。LhsGroups


查看完整回答
反對 回復 2023-10-30
  • 1 回答
  • 0 關注
  • 105 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號