Javascript 解析样式后分离键/值对

我用这段代码将一个大型JSON对象解析为它的键/值对

var origObject = {"id":3,"code":"\nfrom ipwhois import IPWhois\nimport json\nobj = IPWhois('104.24.114.36')\nresults = obj.lookup_rdap(depth=1)\nprint(json.dumps(results))\n","state":"available","output":{"status":"ok","execution_count":3,"data":{"text/plain":"{\"raw\": null, \"entities\": [\"CLOUD14\", \"ABUSE2916-ARIN\", \"ADMIN2521-ARIN\", \"NOC11962-ARIN\"], \"asn_registry\": \"arin\", \"network\": {\"status\": null, \"handle\": \"NET-104-16-0-0-1\", \"name\": \"CLOUDFLARENET\", \"links\": [\"https://rdap.arin.net/registry/ip/104.16.0.0\", \"https://whois.arin.net/rest/net/NET-104-16-0-0-1\"], \"raw\": null, \"country\": null, \"ip_version\": \"v4\", \"start_address\": \"104.16.0.0\", \"notices\": [{\"description\": \"By using the ARIN RDAP/Whois service, you are agreeing to the RDAP/Whois Terms of Use\", \"links\": [\"https://www.arin.net/whois_tou.html\"], \"title\": \"Terms of Service\"}], \"end_address\": \"104.31.255.255\", \"remarks\": [], \"parent_handle\": \"NET-104-0-0-0-0\", \"cidr\": \"104.16.0.0/12\", \"type\": null, \"events\": [{\"action\": \"last changed\", \"timestamp\": \"2017-02-17T18:08:30-05:00\", \"actor\": null}, {\"action\": \"registration\", \"timestamp\": \"2014-03-28T10:30:55-04:00\", \"actor\": null}]}, \"objects\": {\"CLOUD14\": {\"status\": null, \"roles\": [\"registrant\"], \"handle\": \"CLOUD14\", \"entities\": [\"ABUSE2916-ARIN\", \"ADMIN2521-ARIN\", \"NOC11962-ARIN\"], \"links\": [\"https://rdap.arin.net/registry/entity/CLOUD14\", \"https://whois.arin.net/rest/org/CLOUD14\"], \"raw\": null, \"notices\": null, \"contact\": {\"kind\": \"org\", \"name\": \"Cloudflare, Inc.\", \"title\": null, \"phone\": null, \"role\": null, \"address\": [{\"type\": null, \"value\": \"101 Townsend Street\\nSan Francisco\\nCA\\n94107\\nUnited States\"}], \"email\": null}, \"events_actor\": null, \"remarks\": [], \"events\": [{\"action\": \"last changed\", \"timestamp\": \"2017-02-17T18:19:16-05:00\", \"actor\": null}, {\"action\": \"registration\", \"timestamp\": \"2010-07-09T13:10:42-04:00\", \"actor\": null}]}, \"ADMIN2521-ARIN\": {\"status\": [\"validated\"], \"roles\": [\"technical\"], \"handle\": \"ADMIN2521-ARIN\", \"entities\": null, \"links\": [\"https://rdap.arin.net/registry/entity/ADMIN2521-ARIN\", \"https://whois.arin.net/rest/poc/ADMIN2521-ARIN\"], \"raw\": null, \"notices\": null, \"contact\": {\"kind\": \"group\", \"name\": \"Admin\", \"title\": null, \"phone\": [{\"type\": [\"work\", \"voice\"], \"value\": \"+1-650-319-8930\"}], \"role\": null, \"address\": [{\"type\": null, \"value\": \"101 Townsend Street\\nSan Francisco\\nCA\\n94107\\nUnited States\"}], \"email\": [{\"type\": null, \"value\": \"rir@cloudflare.com\"}]}, \"events_actor\": null, \"remarks\": [], \"events\": [{\"action\": \"last changed\", \"timestamp\": \"2017-10-05T15:42:30-04:00\", \"actor\": null}, {\"action\": \"registration\", \"timestamp\": \"2011-04-19T15:11:36-04:00\", \"actor\": null}]}, \"ABUSE2916-ARIN\": {\"status\": [\"validated\"], \"roles\": [\"abuse\"], \"handle\": \"ABUSE2916-ARIN\", \"entities\": null, \"links\": [\"https://rdap.arin.net/registry/entity/ABUSE2916-ARIN\", \"https://whois.arin.net/rest/poc/ABUSE2916-ARIN\"], \"raw\": null, \"notices\": null, \"contact\": {\"kind\": \"group\", \"name\": \"Abuse\", \"title\": null, \"phone\": [{\"type\": [\"work\", \"voice\"], \"value\": \"+1-650-319-8930\"}], \"role\": null, \"address\": [{\"type\": null, \"value\": \"101 Townsend Street\\nSan Francisco\\nCA\\n94107\\nUnited States\"}], \"email\": [{\"type\": null, \"value\": \"abuse@cloudflare.com\"}]}, \"events_actor\": null, \"remarks\": [], \"events\": [{\"action\": \"last changed\", \"timestamp\": \"2017-02-17T18:11:38-05:00\", \"actor\": null}, {\"action\": \"registration\", \"timestamp\": \"2011-02-14T19:00:47-05:00\", \"actor\": null}]}, \"NOC11962-ARIN\": {\"status\": [\"validated\"], \"roles\": [\"noc\"], \"handle\": \"NOC11962-ARIN\", \"entities\": null, \"links\": [\"https://rdap.arin.net/registry/entity/NOC11962-ARIN\", \"https://whois.arin.net/rest/poc/NOC11962-ARIN\"], \"raw\": null, \"notices\": null, \"contact\": {\"kind\": \"group\", \"name\": \"NOC\", \"title\": null, \"phone\": [{\"type\": [\"work\", \"voice\"], \"value\": \"+1-650-319-8930\"}], \"role\": null, \"address\": [{\"type\": null, \"value\": \"101 Townsend Street\\nSan Francisco\\nCA\\n94107\\nUnited States\"}], \"email\": [{\"type\": null, \"value\": \"noc@cloudflare.com\"}]}, \"events_actor\": null, \"remarks\": [], \"events\": [{\"action\": \"last changed\", \"timestamp\": \"2017-02-17T18:15:44-05:00\", \"actor\": null}, {\"action\": \"registration\", \"timestamp\": \"2011-04-19T15:25:31-04:00\", \"actor\": null}]}}, \"asn_country_code\": \"US\", \"asn_date\": \"2014-03-28\", \"asn_cidr\": \"104.24.112.0/20\", \"nir\": null, \"query\": \"104.24.114.36\", \"asn\": \"13335\"}"}},"progress":1.0}; 
    var myTarget = origObject.output.data['text/plain'];
    var obj = JSON.parse(myTarget);
    var results = [];

    for (var key in obj) {
      if (obj.hasOwnProperty(key)) {
        results.push(key + " : " + obj[key] );
      }
    }

并显示在return（）中，如下所示

{results.map((value) => <p> {value} </p>)}

{results.map（（value）=>{value}
）}

我需要能够分离键值，以便我可以设置它们的样式/可能将它们放在格式化的表中，等等。。。现在我只是得到了一个结果转储推

您是否尝试过使用Map（）而不是数组

简短教程-

它将允许您保留键和值，并确保键是唯一的。

map（）

在数组上迭代。你有一个目标

您可以做的是获取对象键的数组，并在将每个键传递给对象时对其进行迭代

Object.keys(obj).map(key => <p>{ obj[key] }</p>)

Object.keys（obj.map）（key=>{obj[key]}
）

工作演示

var obj={“raw”：null，“entities”：[“CLOUD14”、“ABUSE2916-ARIN”、“ADMIN2521-ARIN”、“NOC11962-ARIN”]、“asn_注册表”：“ARIN”、“network”：{“status”：null，“handle”：“NET-104-16-0-0-1”、“name”：“CLOUDFLARENET”、“links”：[“https://rdap.arin.net/registry/ip/104.16.0.0","https://whois.arin.net/rest/net/NET-104-16-0-0-1“]，“原始”：空，“国家”：空，“ip_版本”：“v4”，“起始地址”：“104.16.0.0”，“通知”：[{“说明”：“通过使用ARIN RDAP/Whois服务，您同意RDAP/Whois使用条款”，“链接”：[”https://www.arin.net/whois_tou.html“]，“标题”：“服务条款”}]，“结束地址”：“104.31.255.255”，“备注”：[]，“家长句柄”：“NET-104-0-0-0-0”，“cidr”：“104.16.0.0/12”，“类型”：null，“事件”：[{“操作”：“上次更改”，“时间戳”：“2017-02-17T18:08:30-05:00”，“参与者”：null}，{“操作”：“注册”，“时间戳”：“2014-03-28T10:30:55-04:00”，“参与者”：null}}，“对象”：{“云14”：{“状态”：null，“角色”：[“注册者”]，“句柄”：“云14”，“实体”：[“ABUSE2916-ARIN”，“ADMIN2521-ARIN”，“NOC11962-ARIN”]，“链接”：https://rdap.arin.net/registry/entity/CLOUD14","https://whois.arin.net/rest/org/CLOUD14“]，“原始”：空，“通知”：空，“联系”：{“种类”：“组织”，“名称”：“Cloudflare，Inc.”，“标题”：空，“电话”：空，“角色”：空，“地址”：[{“类型”：空，“值”：“汤森街101号\nSan Francisco\nCA\n94107\nUnited States”}]，“电子邮件”：空，“事件”\u演员：空，“备注”：[]，”事件“：[{“操作”：“上次更改”，“时间戳”：“2017-02-17T18:19:16-05:00”，“参与者”：null}，{“操作”：“注册”，“时间戳”：“2010-07-09T13:10:42-04:00”，“参与者”：null}]，“ADMIN2521-ARIN”：{“状态”：[“已验证”]，“角色”：[“技术”，“句柄”：“ADMIN2521-ARIN”，“实体”：null，“链接”：https://rdap.arin.net/registry/entity/ADMIN2521-ARIN","https://whois.arin.net/rest/poc/ADMIN2521-ARIN“]，“raw”：null，“notices”：null，“contact”：{“kind”：“group”，“name”：“Admin”，“title”：null，“phone”：[{“type”：[“work”，“voice”]，“value”：“+1-650-319-8930”}]，“role”：null，“address”：[{“type”：null，“value”：“101 Townsend Street\nSan Francisco\nCA\n94107\nUnited States”}]，“email”：[{“type”：null，“value”：”rir@cloudflare.com“}]，“事件”；“动作”；“时间戳”；“2017-10-05T15:42:30-04:00”，“动作”；“注册”；“时间戳”；“2011-04-19T15:11:36-04:00，“动作”；“动作”；“动作”；“注册”；“时间戳”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作”；“动作["https://rdap.arin.net/registry/entity/ABUSE2916-ARIN","https://whois.arin.net/rest/poc/ABUSE2916-ARIN“]，“raw”：null，“notices”：null，“contact”：{“kind”：“group”，“name”：“滥用”，“title”：null，“phone”：[{“type”：[“work”，“voice”]，“value”：“+1-650-319-8930”}]，“role”：null，“address”：[{“type”：null，“value”：”汤森德街101号\nSan Francisco\nCA\n94107\nUnited States“}]，“电子邮件”：[{“类型”：null，“值”：abuse@cloudflare.com“}]}，“事件”\u actor:null，“备注”：[]，“事件”：[{“操作”：“上次更改”，“时间戳”：“2017-02-17T18:11:38-05:00”，“参与者”:null}，{“操作”：“注册”；“时间戳”：“2011-02-14T19:00:47-05:00”，“参与者”:null}]，NOC11962-ARIN:{“状态”：[“已验证”]，“角色”：[“noc”]，“句柄”：“NOC11962-ARIN”，“实体”：null，“链接”：[“https://rdap.arin.net/registry/entity/NOC11962-ARIN","https://whois.arin.net/rest/poc/NOC11962-ARIN“]，“原始”：空，“通知”：空，“联系人”：{“种类”：“团体”，“姓名”：“国家奥委会”，“头衔”：空，“电话”：[{“类型”：[“工作”，“声音”]，“值”：“+1-650-319-8930”}]，“角色”：空，“地址”：[{”类型：null，“值”：“101 Townsend Street\nSan Francisco\nCA\n94107\nUnited States”}]，“电子邮件”：[{“类型”：null，“值”：”noc@cloudflare.com“}]}，“事件”_actor:null，“备注”:[]，“事件”:[{“操作”：“上次更改”，“时间戳”：“2017-02-17T18:15:44-05:00”，“参与者”:null}，{“操作”：“注册”，“时间戳”：“2011-04-19T15:25:31-04:00”，“参与者”:null}，”asn_国家代码：“美国”，“asn_日期”：“2014-03-28”，“asn_cidr”：“104.24.112.0/20”，“nir”：空，“查询”：“104.24.114.36”，“asn”：“13335”}；
var res=Object.keys（obj.map）（key=>obj[key]）；
console.log（res）；

那么你是说在html中使用results.keys（obj）.map（key=>{obj[key]}

）吗？我得到一个类型错误：results.keys（…）.map在我尝试编译时不是一个函数。不，不要使用结果。请使用我发布的代码。

obj

是代码中已解析的对象。请删除

for…in

循环中的

，并删除
结果
，不幸的是，这些结果都不起作用。我一直收到此错误“对象作为子对象无效。”（已找到：具有键{状态、句柄、名称、链接、原始、国家、ip版本、开始地址、通知、结束地址、备注、父句柄、cidr、类型、事件}的对象）。如果您想呈现一组子对象，请使用数组。“@RobiminusMaximus无需在此处使用F字。@chade这没有帮助，我可以表示失望，但要表示感谢