从json javascript获取数据

从json javascript获取数据,javascript,json,Javascript,Json,这是我的密码: { "badge_sets":{ "1979-revolution_1":{ "versions":{ "1":{ "image_url":"https://static-cdn.jtvnw.net/badges/v1/7833bb6e-d20d-48ff-a58d-67fe827a4f84/1",

这是我的密码:

{ 
"badge_sets":{
   "1979-revolution_1":{
      "versions":{
         "1":{
            "image_url":"https://static-cdn.jtvnw.net/badges/v1/7833bb6e-d20d-48ff-a58d-67fe827a4f84/1",
         }
      }
   },
   "60-seconds_1":{
      "versions":{
         "1":{
            "image_url":"https://static-cdn.jtvnw.net/badges/v1/1e7252f9-7e80-4d3d-ae42-319f030cca99/1",
         }
      }
   }
}}
我试图用javascript获得类似的东西,但目前我不知道怎么做,有人能帮忙吗

1979-revolution_1;https://static-cdn.jtvnw.net/badges/v1/7833bb6e-d20d-48ff-a58d-67fe827a4f84/1
60-seconds_1;https://static-cdn.jtvnw.net/badges/v1/1e7252f9-7e80-4d3d-ae42-319f030cca99/1
您可以使用ES6访问嵌套的
badge\u集合
对象的键和值。请记住,
Object.entries()
返回一个
[key,value]
元组,因此我们可以使用参数分解来分配这些变量

然后可以使用点和括号表示法的组合来访问图像URL。然后,就是使用ES6将所有部分放在一起,以获得所需的格式

Object.entries(data.badge_sets).map(([key, value]) => {
  return `${key}:${value.versions['1'].image_url}`;
});
请注意,此解决方案将返回格式化字符串数组

您甚至可以利用一行程序,以牺牲可读性为代价(但看起来不错!)

请参见概念验证示例:

const数据={
“徽章套装”:{
“1979年革命1”:{
“版本”:{
"1": {
“图像url”:https://static-cdn.jtvnw.net/badges/v1/7833bb6e-d20d-48ff-a58d-67fe827a4f84/1",
}
}
},
“60秒1”:{
“版本”:{
"1": {
“图像url”:https://static-cdn.jtvnw.net/badges/v1/1e7252f9-7e80-4d3d-ae42-319f030cca99/1",
}
}
}
}
};
const formattedData=Object.entries(data.badge_set).map([key,value])=>`${key}:${value.versions['1'].image_url}`);
console.log(格式化数据)
User JSON.parse()将JSON更改为javascript对象
const formattedData = Object.entries(data.badge_sets).map(([key, value]) => `${key}:${value.versions['1'].image_url}`);