Arrays 对JSON数组中的API数据进行排序

Arrays 对JSON数组中的API数据进行排序,arrays,json,api,user-interface,Arrays,Json,Api,User Interface,我有一个从FortniteAPI检索数据的api。该端点列出了游戏中的所有枪,但在某些情况下,阵列中有几个同名的数据点,但有一个不同图像的列表。到目前为止,我过去两天的目标是设计一个脚本,对这些数据进行排序,并对同名数据进行排序,删除名称,但显示图像。以下是回应: { "result":true, "lang":"en", "weapons":[ { "id"

我有一个从FortniteAPI检索数据的api。该端点列出了游戏中的所有枪,但在某些情况下,阵列中有几个同名的数据点,但有一个不同图像的列表。到目前为止,我过去两天的目标是设计一个脚本,对这些数据进行排序,并对同名数据进行排序,删除名称,但显示图像。以下是回应:

{
  "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。我花了很多时间在这些图表上,我真希望能找到答案。谢谢

请分享您迄今为止的尝试,并在问题中添加相应的语言标签。