Arrays 对JSON数组中的API数据进行排序
我有一个从FortniteAPI检索数据的api。该端点列出了游戏中的所有枪,但在某些情况下,阵列中有几个同名的数据点,但有一个不同图像的列表。到目前为止,我过去两天的目标是设计一个脚本,对这些数据进行排序,并对同名数据进行排序,删除名称,但显示图像。以下是回应:Arrays 对JSON数组中的API数据进行排序,arrays,json,api,user-interface,Arrays,Json,Api,User Interface,我有一个从FortniteAPI检索数据的api。该端点列出了游戏中的所有枪,但在某些情况下,阵列中有几个同名的数据点,但有一个不同图像的列表。到目前为止,我过去两天的目标是设计一个脚本,对这些数据进行排序,并对同名数据进行排序,删除名称,但显示图像。以下是回应: { "result":true, "lang":"en", "weapons":[ { "id"
{
"result":true,
"lang":"en",
"weapons":[
{
"id":"WID_Assault_AutoDrum_Athena_R_Ore_T03",
"enabled":false,
"name":"Drum Gun",
"description":"Assault Weapon: A heavy weapon with high damage, an extreme rate of fire, and a huge magazine size. Very inaccurate unless aiming down sights from a fixed position, and firing in short bursts.",
"rarity":"rare",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Weapon.Ranged.SMG",
"Bacchus.Shoot.SMG.Auto",
"Rarity.Rare",
"Item.Weapon.Ranged.Assault.Drum",
"phoebe.items.DrumGun",
"phoebe.weapon.ranged.smg",
"phoebe.weapon.trait.fullauto"
],
"searchTags":"Guns Assault Rifles Machinegun MediumBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-SK-DrumGun-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-SK-DrumGun-L_bg-rare.png"
},
"mainStats":{
"DmgPB":22,
"FiringRate":8,
"ClipSize":40,
"ReloadTime":3,
"BulletsPerCartridge":1,
"Spread":0.2,
"SpreadDownsights":0.85,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_AutoDrum_Athena_UC_Ore_T03",
"enabled":false,
"name":"Drum Gun",
"description":"Assault Weapon: A heavy weapon with high damage, an extreme rate of fire, and a huge magazine size. Very inaccurate unless aiming down sights from a fixed position, and firing in short bursts.",
"rarity":"uncommon",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Weapon.Ranged.SMG",
"Bacchus.Shoot.SMG.Auto",
"Rarity.Uncommon",
"Item.Weapon.Ranged.Assault.Drum",
"phoebe.items.DrumGun",
"phoebe.weapon.ranged.smg",
"phoebe.weapon.trait.fullauto"
],
"searchTags":"Guns Assault Rifles Machinegun MediumBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-SK-DrumGun-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-SK-DrumGun-L_bg-uncommon.png"
},
"mainStats":{
"DmgPB":21,
"FiringRate":8,
"ClipSize":40,
"ReloadTime":3.15,
"BulletsPerCartridge":1,
"Spread":0.2,
"SpreadDownsights":0.85,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_AutoHigh_Athena_SR_Ore_T03",
"enabled":true,
"name":"Assault Rifle",
"description":"Assault Weapon: Fully Automatic. Flexible assault rifle capable of handling all types of combat scenarios. High rate of fire with solid accuracy when aiming down sights and firing in controlled bursts.",
"rarity":"legendary",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Bacchus.Shoot.AR.Auto",
"Bacchus.Shoot.AR.Precision",
"Weapon.Ranged.Assault.Standard",
"Rarity.SuperRare",
"Item.Weapon.Ranged.Assault.Auto.HighTier",
"phoebe.weapon.ranged.rifle",
"phoebe.weapon.trait.fullauto",
"phoebe.items.assault_rifle"
],
"searchTags":"Guns Assault Rifles Machinegun LightBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2TT-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2TT-L_bg-legendary.png"
},
"mainStats":{
"DmgPB":36,
"FiringRate":5.5,
"ClipSize":30,
"ReloadTime":2.07,
"BulletsPerCartridge":1,
"Spread":0.15,
"SpreadDownsights":0.6,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_AutoHigh_Athena_VR_Ore_T03",
"enabled":true,
"name":"Assault Rifle",
"description":"Assault Weapon: Fully Automatic. Flexible assault rifle capable of handling all types of combat scenarios. High rate of fire with solid accuracy when aiming down sights and firing in controlled bursts.",
"rarity":"epic",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Bacchus.Shoot.AR.Precision",
"Bacchus.Shoot.AR.Auto",
"Weapon.Ranged.Assault.Standard",
"Rarity.VeryRare",
"Item.Weapon.Ranged.Assault.Auto.HighTier",
"phoebe.weapon.ranged.rifle",
"phoebe.weapon.trait.fullauto",
"phoebe.items.assault_rifle"
],
"searchTags":"Guns Assault Rifles Machinegun LightBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2TT-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2TT-L_bg-epic.png"
},
"mainStats":{
"DmgPB":35,
"FiringRate":5.5,
"ClipSize":30,
"ReloadTime":2.18,
"BulletsPerCartridge":1,
"Spread":0.15,
"SpreadDownsights":0.6,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_Auto_Athena_C_Ore_T02",
"enabled":true,
"name":"Assault Rifle",
"description":"Assault Weapon: Fully Automatic. Flexible assault rifle capable of handling all types of combat scenarios. High rate of fire with solid accuracy when aiming down sights and firing in controlled bursts.",
"rarity":"common",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Bacchus.Shoot.AR.Auto",
"Weapon.Ranged.Assault.Standard",
"Rarity.Common",
"Item.Weapon.Ranged.Assault.Auto.LowTier",
"phoebe.weapon.ranged.rifle",
"phoebe.weapon.trait.fullauto",
"phoebe.items.assault_rifle"
],
"searchTags":"Guns Assault Rifles Machinegun LightBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L_bg-common.png"
},
"mainStats":{
"DmgPB":30,
"FiringRate":5.5,
"ClipSize":30,
"ReloadTime":2.53,
"BulletsPerCartridge":1,
"Spread":0.15,
"SpreadDownsights":0.6,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_Auto_Athena_R_Ore_T03",
"enabled":true,
"name":"Assault Rifle",
"description":"Assault Weapon: Fully Automatic. Flexible assault rifle capable of handling all types of combat scenarios. High rate of fire with solid accuracy when aiming down sights and firing in controlled bursts.",
"rarity":"rare",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Bacchus.Shoot.AR.Auto",
"Weapon.Ranged.Assault.Standard",
"Rarity.Rare",
"Item.Weapon.Ranged.Assault.Auto.LowTier",
"phoebe.weapon.ranged.rifle",
"phoebe.weapon.trait.fullauto",
"phoebe.items.assault_rifle"
],
"searchTags":"Guns Assault Rifles Machinegun LightBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L_bg-rare.png"
},
"mainStats":{
"DmgPB":33,
"FiringRate":5.5,
"ClipSize":30,
"ReloadTime":2.3,
"BulletsPerCartridge":1,
"Spread":0.15,
"SpreadDownsights":0.6,
"DamageZone_Critical":1.5
}
},
{
"id":"WID_Assault_Auto_Athena_UC_Ore_T03",
"enabled":true,
"name":"Assault Rifle",
"description":"Assault Weapon: Fully Automatic. Flexible assault rifle capable of handling all types of combat scenarios. High rate of fire with solid accuracy when aiming down sights and firing in controlled bursts.",
"rarity":"uncommon",
"type":"standard",
"gameplayTags":[
"Gameplay.DamageSource.Weapon",
"Bacchus.Shoot.AR.Auto",
"Weapon.Ranged.Assault.Standard",
"Rarity.Uncommon",
"Item.Weapon.Ranged.Assault.Auto.LowTier",
"phoebe.weapon.ranged.rifle",
"phoebe.weapon.trait.fullauto",
"phoebe.items.assault_rifle"
],
"searchTags":"Guns Assault Rifles Machinegun LightBullets Automatic",
"images":{
"icon":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L.png",
"background":"https://media.fortniteapi.io/images/T-Icon-Weapons-AssaultRifleMark2Base-L_bg-uncommon.png"
},
"mainStats":{
"DmgPB":31,
"FiringRate":5.5,
"ClipSize":30,
"ReloadTime":2.41,
"BulletsPerCartridge":1,
"Spread":0.15,
"SpreadDownsights":0.6,
"DamageZone_Critical":1.5
}
}
...
]
}
上面的代码片段列出了sperate卡中阵列中每支枪的名称、背景图像和描述。类似这样的东西,但用武器代替:
但有一个问题,当运行这个代码段时,我得到了一个所有名称和图像的列表,但它看起来很奇怪,因为我在一行中得到了一个相同名称的列表,在它下面有一个不同的图像。无论如何,我可以找到一个重复的名字,只在一张卡片上列出它旁边的所有图像,而不是为每一支枪都有一张不同图像的卡片。或者以更简单的方式显示一个不同的武器,而不是每个武器都有一张自己的卡片?
现在的样子:
我想要它看起来怎么样
添加任何额外的html,我只有一个id为userGuns的div。我花了很多时间在这些图表上,我真希望能找到答案。谢谢 请分享您迄今为止的尝试,并在问题中添加相应的语言标签。